J-script Rollover Spaces

Es gibt 13 Antworten in diesem Thema, welches 2.316 mal aufgerufen wurde. Der letzte Beitrag (14. Dezember 2002 um 22:42) ist von 3dcrew.

    Hallo Ihrs,

    Hab da ein Problem bezüglich eines j-scripts für mouseover- Buttons:

    Ich habe nun zwei verschiedene Scripts getestet, die sowohl auf dem IE als auch jeweils auf NS und Opera laufen. Letztere machen sogar weit weniger Probleme, da sie alles zeigen, wie soll.
    Beim IE gibt`s jedoch Probleme, da plötzlich Abstände zwischen den Buttons auftauchen, die da eigentlich nicht hingehören. Sämtliche Abstände sind auf 0 gesetzt und trotzdem bekomme ich diese nicht weg.

    Hat jemand so allegemein eine Idee, woran es liegen könnte?

    Bevor die Frage aufkommt:
    Nein, ich benutze kein Prog wie FP, DW, GoLive o.ä.

    Gruss MaNae

    Hallo Axel,

    Ein Seitenformat mit Farben, Bildern, Scrollbalken, Textverhalten usw. bekomme ich mit css hin, aber einen Rollover??? ?(

    Wüsste nicht einmal, dass das möglich ist :rolleyes:

    Aber da sieht man`s wieder ...

    Ich lade die Seiten bei Gelegenheit mal auf den Server hoch und gebe Dir dann die Links ...

    Gruss MaNae

    @ 3dcrew
    Habe das sowieso schon, aber erst am Ende der kompletten Verknüpfung. (Versuche ja auch, die ganze Sache so xhtml- tauglich wie möglich zu machen.)
    Meinst Du direkt nach dem <img /> Tag?

    @ Axel
    Jo ... aber es sollen ja Bilder sein ;D

    Gruss MaNae

    Zitat

    Original von MaNae
    @ 3dcrew
    Habe das sowieso schon, aber erst am Ende der kompletten Verknüpfung. (Versuche ja auch, die ganze Sache so xhtml- tauglich wie möglich zu machen.)
    Meinst Du direkt nach dem <img /> Tag?

    Jep, genau dort meine ich. Der IE stellt sich da manchmal ein bissl an ;)

    Gruss - 3dc.

    Hi MaNae,

    versuch mal dieses Script falls nichts Anderes hilft:


    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_swapImgRestore() { //v3.0
    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_preloadImages() { //v3.0
    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_findObj(n, d) { //v4.01
    var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
    if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
    if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
    if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    <body onLoad="MM_preloadImages('GRAFIK2')">
    <a href="zielurl" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','GRAFIK2',1)">
    <img src="GRAFIK1" alt="Awardbereich" name="Image1" width="114" height="25" border="0"></a>


    wobei natürlich GRAFIK1 die zu sehende und GRAFIK2 die Rollovergrafik ist.
    zielurl= ZielUrl ;)

    Happy Coding und die sch... **** natürlich = J-A-V-A

    @ Dire

    Du meine Güte, machen die das kompliziert! :rolleyes:
    Und da sagt man, j-script wäre eine "logische" Auszeichnungssprache ;D

    Aber wenn alle Stricke reissen, werde ich auch das gern versuchen :]

    Danke Dir(e)!
    MaNae

    rollouver in css probiers mal kannste ja anpassen

    <script language="javascript">
    //script von Jose Herrero
    var nav = (document.layers) ? true : false

    function RatonArriba(Boton){
    if (!nav && Boton) Boton.style.backgroundColor="yellow"
    }

    function RatonAfuera(Boton){
    if (!nav && Boton) Boton.style.backgroundColor="silver"
    }

    function EnviandoTexto(Boton){
    if (!nav && Boton) Boton.style.backgroundColor="red"
    }

    </script>

    <form name="ejemploBoton">
    <input type="button" name="Boton" value="TestButton" onMouseOver="RatonArriba(this)" onMouseOut="RatonAfuera(this)" onClick="EnviandoTexto(this)">
    </form>

    Woher soll ich wissen, was ich denke, bevor ich gehört habe, was ich sage?

    Hallo,

    ich danke Euch erst einmal für die rege Hilfe :]

    @ 3dcrew
    Es hat mit dem <br /> nach dem <img /> Tag geklappt. Jetzt funktioniert's auch mit dem IE fehlerfrei.

    Danke nochmal.
    Gruss MaNae