cybton.com
Über uns | Jobs | Werbung | Sitemap | AGB | Impressum | Hilfe ?
 Kostenlos anmelden)
Forum
Aktuellste Beiträge
Forenregeln

Community
BB-Codes
Tags
Chat
Suche (Web)
Wer ist online?
Top-User

Basar


Statistik
Mitglieder gesamt: 68137
Mitglieder online: 5
Gäste online: 3
mehr...

Anzeige
Forum » Forum: Website & Webprogrammierung » Thread: Text in Javascript laden

Thread: Text in Javascript laden


14.09.2008 11:16 Uhr

 

Status: offline
Hallo, ich erstelle über ein Toolbar-Service eine kleine Toolbar für meine Webseite...
Jetzt kann man dort einen Ticker einfügen der per Javascript in einer HTML-Datei steht
+ PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<html><body>
<script>
//Specify the Ticker content
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):
var marqueecontent = 'TEXT TEST DOOF'
 
//Specify the ticker speed (larger is faster 1-10)
var marqueespeed=1
 
//Pause ticker onMousever (0=no. 1=yes)?
var pauseit=1
 
//configure background color:
var marqueebgcolor="threedface"
 
//Specify the ticker height
var marqueeheight="20px"
 
////NO NEED TO EDIT BELOW THIS LINE////////////
 
//(don't delete <nobr> tag)
marqueecontent = '<nobr><font face="Arial">'+marqueecontent+'</font></nobr>';
 
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
 
var marqueewidth=document.body.clientWidth;//added by Guy
 
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee
 
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=parseInt(marqueewidth)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
}
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate
 
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
 
}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=parseInt(marqueewidth)+8
}
}
 
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
 
<style type= "text/css">
<!--
BODY {margin-left:0; margin-right:0; margin-top:0; margin-bottom:0;
width:100%;height:100%;overflow:hidden;background-color:threedface;}
-->
</style>
</body>
Problem ist nur das ich den Text in der Datenbank meiner Webseite stehen hab. Wie ich den da rausbekomme ist klar, würde ihn auch in eine externe datei schreiben lassen etc. Nur wie bekomm ich den Text da rein ohne PHP zu benutzen ?

MFG Toby
___________________________
[*] Follow the white Rabbit !
[*] Leg dich mit dem Besten an, und du Stirbst wie alle dann xD
Mein SystemProfil
14.09.2008 20:50 Uhr

 

Status: offline
Am einfachsten wäre es natürlich den Kram einfach mit php in dem html-Code zu schreiben. Alternativ kannst du den Text per Ajax mit Javascript einlesen.
14.09.2008 21:02 Uhr

 

Status: offline
und wie wenn ich nur javascript in einer HTML datei benutzen kann ???
___________________________
[*] Follow the white Rabbit !
[*] Leg dich mit dem Besten an, und du Stirbst wie alle dann xD
Mein SystemProfil
14.09.2008 21:41 Uhr

 

Status: offline
Wie hast du denn den Text der Website in die Datenbank bekommen !?

//Edit:
Zitat:
[...] Problem ist nur das ich den Text in der Datenbank meiner Webseite stehen hab. [...]
[...] Nur wie bekomm ich den Text da rein ohne PHP zu benutzen ?[...]
HÄ?
1 mal bearbeitet
___________________________
Gemeinde Jugend Vertretung Bremen
"Ich will das Rad kein zweites mal erfinden,
ich will nur verstehen wie es funktioniert !"
14.09.2008 22:08 Uhr

 

Status: offline
Auf dem Server, wo die Textdatei liegt, musst du auf jeden Fall PHP verwenden!
Da kannst du eigentlich auch auf die Textdatei verzichten, und gleich die PHP-Datei aufrufen, die die Datenbank ausliest  :wink: 
___________________________
MFG Jan
"funzt nicht" ist keine gültige Fehlerbeschreibung!*haarerauf*
http://www.sysprofile.de/id30821
14.09.2008 22:49 Uhr

 

Status: offline
Zitat von CV2BBS:
und wie wenn ich nur javascript in einer HTML datei benutzen kann ???
Wie ich bereits sagte. Eine Alternative zur Variante mit php wäre Ajax. Das ist zusätzlicher http-Aufruf, der von Javascript ausgeübt wird.

Ich kann aber klasse7darg nur zustimmen. Liest php die Daten aus der Datenbank in eine Textdatei, so könnte php dies auch gleich in Form der Laufschrift ausgeben. Willst du auf Performance Wert legen und nur in regelmäßigen Abständen die Datenbank abfragen, ist die Lösung mit der Textdatei natürlich klug. Sollten html und Textdatei auf unterschiedlichen Servern liegen, so scheidet die Variante mit php beinahe aus.

In letzterem Fall gäbe es auch die Möglichkeit, die Javascript Variable, die den Text enthält, in eine externe Datei auszulagern, die das Ergebnis der Datenbank-Abfrage enthält. Das ginge dann zum Beispiel so
+ html:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
      <html><body>
<script  src="http://www.example.com/dir/file.js" type="text/javascript">
//Specify the Ticker content
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):
 
 
//Specify the ticker speed (larger is faster 1-10)
var marqueespeed=1
 
//Pause ticker onMousever (0=no. 1=yes)?
var pauseit=1
 
//configure background color:
var marqueebgcolor="threedface"
 
//Specify the ticker height
var marqueeheight="20px"
 
////NO NEED TO EDIT BELOW THIS LINE////////////
 
//(don't delete <nobr> tag)
marqueecontent = '<nobr><font face="Arial">'+marqueecontent+'</font></nobr>';
 
marqueespeed=(document.all)? marqueespeed : Math.max(1, marqueespeed-1) //slow speed down by 1 for NS
 
var marqueewidth=document.body.clientWidth;//added by Guy
 
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+marqueecontent+'</span>')
var actualwidth=''
var cross_marquee, ns_marquee
 
function populate(){
if (iedom){
cross_marquee=document.getElementById? document.getElementById("iemarquee") : document.all.iemarquee
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
cross_marquee.innerHTML=marqueecontent
actualwidth=document.all? temp.offsetWidth : document.getElementById("temp").offsetWidth
}
else if (document.layers){
ns_marquee=document.ns_marquee.document.ns_marquee2
ns_marquee.left=parseInt(marqueewidth)+8
ns_marquee.document.write(marqueecontent)
ns_marquee.document.close()
actualwidth=ns_marquee.document.width
}
lefttime=setInterval("scrollmarquee()",20)
}
window.onload=populate
 
function scrollmarquee(){
if (iedom){
if (parseInt(cross_marquee.style.left)>(actualwidth*(-1)+8))
cross_marquee.style.left=parseInt(cross_marquee.style.left)-copyspeed+"px"
else
cross_marquee.style.left=parseInt(marqueewidth)+8+"px"
 
}
else if (document.layers){
if (ns_marquee.left>(actualwidth*(-1)+8))
ns_marquee.left-=copyspeed
else
ns_marquee.left=parseInt(marqueewidth)+8
}
}
 
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
write('<div id="iemarquee" style="position:absolute;left:0px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+marqueewidth+' height='+marqueeheight+' name="ns_marquee" bgColor='+marqueebgcolor+'>')
write('<layer name="ns_marquee2" left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>
 
<style type= "text/css">
<!--
BODY {margin-left:0; margin-right:0; margin-top:0; margin-bottom:0;
width:100%;height:100%;overflow:hidden;background-color:threedface;}
-->
</style>
</body>
file.js:
javascript:
1
var marqueecontent = 'TEXT TEST DOOF'
Ähnliche Threads Forum Ähnlichkeitsgrad
 avachanger keine php unterstützung Website & Webprogrammierung 2
 [gelöst] Mit Javascript automatisch in den Vollbildmodus wechseln - 200 cyDots Website & Webprogrammierung 1
 [gelöst] Problem: Menü nach best. Zeit ausblenden Website & Webprogrammierung 1
 Quelltext aus externer html Datei Website & Webprogrammierung 1
 PHP: automatisches Auswerten von Daten per Formular Website & Webprogrammierung 1
 Mit Javascript Download starten Website & Webprogrammierung 1
 JavaScript: "... has no properties" Website & Webprogrammierung 1
nach obennach oben

Copyright © 2008 cybton-network

Google
Partner: #Musik - Dein Internetradio - nexem. - .wir machen news - Your-Book.net - Dein kostenloses Gästebuch
ANEXIA - PHP Entwicklung - Dockers - s.Oliver Schuhe - Think Schuhe - der eigene Weg - Dorfen - Paul Green Schuhe - Bequeme Geox - Web-Entwicklung