Ergebnis 1 bis 3 von 3
  1. #1
    ihre.dudheit ist offline Grünschnabel
    registriert
    24-01-2005
    Beiträge
    9

    Javascript will nicht funktionieren

    Hallo zusammen!

    Ich habe auf meinem phpbb2 Board ein kleines Problem. Und zwar bekomm ich dieses eine Javascript nicht eingebunden.

    Code:
     Kopiere folgendes in den Head-Tag Deiner Seite: 
    
    <STYLE type=text/css>.redirstyle {COLOR: #000000; FONT-FAMILY: Arial; FONT-SIZE: 8pt; LEFT: 150px; POSITION: absolute; TEXT-ALIGN: center; TOP: 220px; WIDTH: 300px 
    } 
    A {COLOR: #000000 
    } 
    A:hover {COLOR: #ff0000 
    } 
    .textstyle {COLOR: #ffffff; FILTER: glow(color=red,strength=2); FONT-FAMILY: Arial; FONT-SIZE: 20pt; FONT-WEIGHT: bold; LEFT: -2000px; POSITION: absolute; TEXT-ALIGN: center; WIDTH: 300px 
    } 
    .coverstyle {LEFT: -2000px; POSITION: absolute 
    } 
    </STYLE> 
    <SCRIPT language=JavaScript> 
    <!-- Beginning of JavaScript - 
    
    // WipeFader-Script, Copyright by Peter Gehrig 
    // All rights reserved 
    // http://www.24fun.ch 
    // info@24fun.ch 
    // 11/23/1999 
    
    var message = new Array() 
    message[0]="blabla bla!" 
    message[1]="blablabla !" 
    message[2]="blablabla!" 
    message[3]="blablablubb" 
    message[4]=".meine finger tun weh" 
    message[5]="chfghfgh" 
    message[6]="hfghfghgfh!!!" 
    
    var i_message=0 
    
    // The trick of this script is a simple gif-image 
    // consisting of two colors: black and white dots. 
    // The black dots are transparent. 
    // By wipeing this gif-image back and forth over the 
    // textmessages you get an attractive dissolving effect. 
    // This image is called slidefader.gif. 
    
    // Configure the left and top margin of the text (pixels). 
    var covertop=80 
    var coverleft=250 
    
    // Configure the size of the wipeing gif-image. 
    // If you change the size you should create a new image too. 
    // The coverheight also represents the height of the textzone. 
    var coverwidth=1200 
    var coverheight=96 
    
    var texttop=covertop 
    var textleft=coverleft 
    var textwidth=300 
    var textheight=coverheight 
    
    var cliptop=0 
    var clipright=textwidth 
    var clipbottom=coverheight 
    var clipleft=0 
    
    var clippoints 
    
    // Configure the speeds of the wipeing effect 
    var step=40 
    var pause=50 
    
    var timer 
    
    function init() { 
    if (document.all) { 
    document.all.text.style.posTop=texttop 
    document.all.text.style.posLeft=textleft 
    document.all.cover.style.posTop=covertop 
    document.all.cover.style.posLeft=coverleft 
    clipleft=0 
    fadeout() 
    } 
    } 
    
    function fadeout() { 
    if (document.all.cover.style.posLeft >=(-coverwidth+textwidth+coverleft+step)) { 
    clipleft+=step 
    clipright=clipleft+textwidth 
    clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" 
    document.all.cover.style.clip=clippoints 
    document.all.cover.style.posLeft-=step 
    timer= setTimeout("fadeout()",pause) 
    } 
    else { 
    clearTimeout(timer) 
    i_message++ 
    if (i_message>=message.length) {i_message=0} 
    text.innerHTML=message[i_message] 
    fadein() 
    
    } 
    } 
    
    function fadein() { 
    if (document.all.cover.style.posLeft <=coverleft) { 
    clipleft-=step 
    clipright=clipleft+textwidth 
    clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" 
    document.all.cover.style.clip=clippoints 
    document.all.cover.style.posLeft+=step 
    timer= setTimeout("fadein()",pause) 
    } 
    else { 
    clearTimeout(timer) 
    init() 
    } 
    } 
    // - End of JavaScript - --> 
    </SCRIPT> 
    
    Folgendes in den Body-Tag Deiner Seite: 
    
    onload=init() style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%" 
    
    Und schließlich in den Body Deiner Seite: 
    
    <div class=textstyle id=text>***</div> 
    <div class=coverstyle id=cover> 
    <IMG src="slidefader.gif"></div>

    Es wird mir aber nur das hier: onload=init() style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%"

    angezeigt.. vielleicht weiß jemand warum und kann mir sagen was man ändern muss oder was ich falsch gemacht hab.

    Das slidefader.gif ist weiß und das braucht man wohl... der hintergrund bei mir ist aber blau...
    kann es daran liegen?

  2. #2
    BerndDasBrot ist offline Kaiser
    registriert
    06-05-2004
    Beiträge
    1.473

    AW: Javascript will nicht funktionieren

    so?
    Code:
    <html>
    <head>
    <STYLE type=text/css>.redirstyle {COLOR: #000000; FONT-FAMILY: Arial; FONT-SIZE: 8pt; LEFT: 150px; POSITION: absolute; TEXT-ALIGN: center; TOP: 220px; WIDTH: 300px 
    } 
    A {COLOR: #000000 
    } 
    A:hover {COLOR: #ff0000 
    } 
    .textstyle {COLOR: #ffffff; FILTER: glow(color=red,strength=2); FONT-FAMILY: Arial; FONT-SIZE: 20pt; FONT-WEIGHT: bold; LEFT: -2000px; POSITION: absolute; TEXT-ALIGN: center; WIDTH: 300px 
    } 
    .coverstyle {LEFT: -2000px; POSITION: absolute 
    } 
    </STYLE> 
    <SCRIPT language=JavaScript> 
    <!-- Beginning of JavaScript - 
    
    // WipeFader-Script, Copyright by Peter Gehrig 
    // All rights reserved 
    // http://www.24fun.ch 
    // info@24fun.ch 
    // 11/23/1999 
    
    var message = new Array() 
    message[0]="blabla bla!" 
    message[1]="blablabla !" 
    message[2]="blablabla!" 
    message[3]="blablablubb" 
    message[4]=".meine finger tun weh" 
    message[5]="chfghfgh" 
    message[6]="hfghfghgfh!!!" 
    
    var i_message=0 
    
    // The trick of this script is a simple gif-image 
    // consisting of two colors: black and white dots. 
    // The black dots are transparent. 
    // By wipeing this gif-image back and forth over the 
    // textmessages you get an attractive dissolving effect. 
    // This image is called slidefader.gif. 
    
    // Configure the left and top margin of the text (pixels). 
    var covertop=80 
    var coverleft=250 
    
    // Configure the size of the wipeing gif-image. 
    // If you change the size you should create a new image too. 
    // The coverheight also represents the height of the textzone. 
    var coverwidth=1200 
    var coverheight=96 
    
    var texttop=covertop 
    var textleft=coverleft 
    var textwidth=300 
    var textheight=coverheight 
    
    var cliptop=0 
    var clipright=textwidth 
    var clipbottom=coverheight 
    var clipleft=0 
    
    var clippoints 
    
    // Configure the speeds of the wipeing effect 
    var step=40 
    var pause=50 
    
    var timer 
    
    function init() { 
    if (document.all) { 
    document.all.text.style.posTop=texttop 
    document.all.text.style.posLeft=textleft 
    document.all.cover.style.posTop=covertop 
    document.all.cover.style.posLeft=coverleft 
    clipleft=0 
    fadeout() 
    } 
    } 
    
    function fadeout() { 
    if (document.all.cover.style.posLeft >=(-coverwidth+textwidth+coverleft+step)) { 
    clipleft+=step 
    clipright=clipleft+textwidth 
    clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" 
    document.all.cover.style.clip=clippoints 
    document.all.cover.style.posLeft-=step 
    timer= setTimeout("fadeout()",pause) 
    } 
    else { 
    clearTimeout(timer) 
    i_message++ 
    if (i_message>=message.length) {i_message=0} 
    text.innerHTML=message[i_message] 
    fadein() 
    
    } 
    } 
    
    function fadein() { 
    if (document.all.cover.style.posLeft <=coverleft) { 
    clipleft-=step 
    clipright=clipleft+textwidth 
    clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" 
    document.all.cover.style.clip=clippoints 
    document.all.cover.style.posLeft+=step 
    timer= setTimeout("fadein()",pause) 
    } 
    else { 
    clearTimeout(timer) 
    init() 
    } 
    } 
    // - End of JavaScript - --> 
    </SCRIPT> 
    <body onload=init() style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%;" >
    <div class=textstyle id=text>***</div> 
    <div class=coverstyle id=cover> 
    <IMG src="slidefader.gif"></div> 
    </body>
    </html>
    BernddasBrot

    P.S.: Wundere dich nicht, wenn ich keine Rückfragen beantworten kann, bin jetzt ne Woche net da
    Geändert von BerndDasBrot (24-01-2005 um 07:24 Uhr)

  3. #3
    ihre.dudheit ist offline Grünschnabel
    registriert
    24-01-2005
    Beiträge
    9

    AW: Javascript will nicht funktionieren

    Hat wunderbar geklappt!! Vielen vielen Dank!!!!!

Ähnliche Themen

  1. Was ist JavaScript?
    Von .holger im Forum JavaScript-FAQ
    Antworten: 4
    Letzter Beitrag: 27-11-2006, 11:00
  2. hilfe bei javascript
    Von frank2000 im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 17-01-2005, 20:33
  3. JavaScript -> Formularauswertung
    Von Jobe im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 26-05-2004, 15:12
  4. Attribut in XSL-Tag mittels JavaScript ändern???
    Von Phelagor im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 01-09-2003, 03:01
  5. window.popup aus flash
    Von antiheld2000 im Forum Flash
    Antworten: 6
    Letzter Beitrag: 18-07-2003, 15:26

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •