thomas-mue: Objekt erwartet

SELF-Forum

Objekt erwartet

thomas-mue
– Informationen zu den Bewertungsregeln

Tach Jungs und Mädels,

bin gerade dabei ein Script zu schreiben um eine Grafik an eine andere Positions setzen zu lassen sobald der Mauszeiger auf die Grafik kommt. Aber irgendwie bekomm ich folgnde Fehlermeldung:
Zeile: 1
Zeichen: 1
Fehler: Objekt erwartet
Code: 0

Diese Meldung kommt aber komischerweise erst, sobald ich das ZWEITE Mal mit dem Mauszeiger über die Graik komme, beim ersten Mal funktioniert das Script wie gewünscht.
Und hier das Script: (nur im Body-Bereich)

<script type="text/javascript">
<!--
function bild()
{
h=Math.random();
h*=screen.availHeight;
h=Math.ceil(h)

b=Math.random();
b*=screen.availWidth;
b=Math.ceil(b)

document.write("Breite: " + b + "<br>");
document.write("Höhe: " + h + "<br>");
document.write("<img OnMouseOver="bild()" src="1.jpg" style="position:absolute; top:" + h + "; left:" + b + "">");
}
bild()
-->
</script>

Schonmal Danke für eure Ideen!

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Objekt erwartet

    Struppi Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Tach Jungs und Mädels,

    bin gerade dabei ein Script zu schreiben um eine Grafik an eine andere Positions setzen zu lassen sobald der Mauszeiger auf die Grafik kommt. Aber irgendwie bekomm ich folgnde Fehlermeldung:
    Zeile: 1
    Zeichen: 1
    Fehler: Objekt erwartet
    Code: 0

    Benutzt einfach mal einen Browser, der JS Meldungen ausgibt mit denen man auch was anfangen kann. Oder andersherum, wenn man mit JS rum macht, dann ist ein Mozilla absolut Pflicht, da er dich wesentlich mehr und besser unerstützt als der IE.

    Diese Meldung kommt aber komischerweise erst, sobald ich das ZWEITE Mal mit dem Mauszeiger über die Graik komme, beim ersten Mal funktioniert das Script wie gewünscht.

    ....

    document.write("Breite: " + b + "<br>");
    document.write("Höhe: " + h + "<br>");
    document.write("<img OnMouseOver="bild()" src="1.jpg" style="position:absolute; top:" + h + "; left:" + b + "">");
    }

    Wenn du das 2. Mal hierrüber fährst, ist die Funktion bild nicht mehr da, da du das Dokument Überschrieben hast.

    Falls du nur ein Bild wexeln willst. Es gibt ungefähr 1,234,987 Mouseoverskripts. ein wenig googlen und du findest sicher eins nach deinen Bedürfnissen, das funktioniert.

    Struppi.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Objekt erwartet

      Thomas-Mue
      – Informationen zu den Bewertungsregeln

      Hab heut vormittag schon mind. 2h gegoogelt, jetzt nochmal 30min..... und ich hab imemr noch kein Script. Alle MouseOver Scripts die ich finde handeln komischerweise imemr nur vom Austausch von Grafiken...... aber keins besagt wie ich eine Grafik verschiebe. Ich weiß das es da ein Script gibt, och leider find ichs nicht mehr....
      Ach ja, und Mozilla hab ich ja da, der lädt die Seite korekt, aber sobald ich das erste Mal über die Grafik komme lädt er bloß noch den Teil Breite: <Wert>, mehr kommt einfach nicht...... muss ich das verstehen?

      Falls du auf Anhieb weißt wo ich nen ähnliches Script herbekomm kannst du ja mal nen Link schicken....

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Objekt erwartet

        Struppi Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hab heut vormittag schon mind. 2h gegoogelt, jetzt nochmal 30min..... und ich hab imemr noch kein Script. Alle MouseOver Scripts die ich finde handeln komischerweise imemr nur vom Austausch von Grafiken...... aber keins besagt wie ich eine Grafik verschiebe. Ich weiß das es da ein Script gibt, och leider find ichs nicht mehr....

        Sorry, hatte ich im 1. posting von dir nicht gelesen.

        Das ist komplexer was du da willst. Es geht auf jeden Fall nicht mit document.write(...) da du, wie schon gesagt, danach kein Skript mehr hast.

        Du musst dich mal ausführlich mit dynamischen HTML beschäftigten http://selfhtml.teamone.de/dhtml/index.htm

        Struppi.

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Objekt erwartet

          thomas-mue
          – Informationen zu den Bewertungsregeln

          Ok, Danke. Also schau ich mir doch DHTML mal an.... mal schaun was ich dort so finde......

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

  2. Objekt erwartet

    Der Pate
    – Informationen zu den Bewertungsregeln

    Ich würde an deiner Stelle das mal mit einer anderen methode Versuchen und zwar so:

    <SCRIPT LANGUAGE="javascript">   var intPics = 30;       //Number of pics   var SLOTS = 4;        //Number of slots for thumbnails   var THUMBNAIL_EXT = '.jpg';     //Fileextension for thumbnails   var THUMBNAIL_FOLDER = 'images/thumbs/'; //Folder for thumbnails (rel)   var THUMBNAIL_BASENAME = 'pic_';   //Basename for thumbnails   var PREVIEW_EXT = '.jpg';     //Fileextension for preview images   var PREVIEW_FOLDER = 'images/preview/';  //Folder for preview images (rel)   var PREVIEW_BASENAME = 'pic_';    //Basename for thumbnails

    //Initiate Global Pointer   var intIndex = 0;

    var arrPics = new Array(intPics);

    //Define multidimension array   for(i=0;i<arrPics.length;i++) {    arrPics[i] = new Array();   }

    //Define thumbnail sources and preload images   for(i=0;i<arrPics.length;i++) {    arrPics[i]["thumbnail"] = new Image();    arrPics[i]["thumbnail"].src = THUMBNAIL_FOLDER + THUMBNAIL_BASENAME + i + THUMBNAIL_EXT   }

    //Define preview sources and preload images   for(i=0;i<arrPics.length;i++) {    arrPics[i]["preview"] = new Image();    arrPics[i]["preview"].src = PREVIEW_FOLDER + PREVIEW_BASENAME + i + PREVIEW_EXT   }

    //Functions   function moveBar(strDirection,strStep) {    if(strDirection == 'right') {     if(strStep == 'image') {      intIndex++;      if(intIndex >= arrPics.length) intIndex = 0;     } else if(strStep == 'page') {      intIndex += SLOTS;      if(intIndex >= arrPics.length) intIndex -= arrPics.length     } else {      void(0);     }    } else if (strDirection = 'left') {     if(strStep == 'image') {      intIndex--;      if(intIndex < 0) intIndex = arrPics.length - 1;     } else if(strStep == 'page') {      intIndex -= SLOTS;      if(intIndex < 0) intIndex += arrPics.length     } else {      void(0);     }    } else {     void(0);    }    updateBar();   }

    function updateBar() {    for(i=0;i<SLOTS;i++) {     if(i + intIndex < arrPics.length) {      document.images["slot" + i].src = arrPics[i + intIndex]["thumbnail"].src     } else {      document.images["slot" + i].src = arrPics[(i + intIndex) - arrPics.length]["thumbnail"].src     }    }   }

    function showPreview(intSlot) {    if((intSlot + intIndex) < arrPics.length) {     document.images["preview"].src = arrPics[intSlot + intIndex]["preview"].src    } else {     document.images["preview"].src = arrPics[(intSlot + intIndex) - arrPics.length]["preview"].src    }   }  </SCRIPT> </HEAD>

    <BODY ONLOAD="updateBar();">

    <TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="100%" HEIGHT="100%">  <TR>   <TD ALIGN="center" VALIGN="top">    <TABLE CELLPADDING="4" CELLSPACING="4" BORDER="0">     <TR>      <TD COLSPAN="6" ALIGN="center">       <TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="1">        <TR>         <TD><IMG SRC="images/start.gif" ID="preview" NAME="preview"></TD>         <TD VALIGN="top" BACKGROUND="images/shadow_right.gif"><IMG SRC="images/dc.gif" WIDTH="5" HEIGHT="1"></TD>        </TR>        <TR>         <TD BACKGROUND="images/shadow_bottom.gif"><IMG SRC="images/dc.gif" WIDTH="1" HEIGHT="5"></TD>         <TD><IMG SRC="images/shadow_corner.gif" WIDTH="5" HEIGHT="5"></TD>        </TR>       </TABLE>      </TD>     </TR>     <TR>      <TD>       <A HREF="javascript:void(0);" ONCLICK="moveBar('left','image');">< Image</A><BR>       <BR>       <A HREF="javascript:void(0);" ONCLICK="moveBar('left','page');">< Page</A>      </TD>      <TD>       <TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="1">        <TR>         <TD><A HREF="javascript:void(0);" ONCLICK="showPreview(0);"><IMG SRC="images/dc.gif" ID="slot0" NAME="slot0" BORDER="0" xWIDTH="109" xHEIGHT="82"></A></TD>         <TD VALIGN="top" BACKGROUND="images/shadow_right.gif"><IMG SRC="images/dc.gif" WIDTH="5" HEIGHT="1"></TD>        </TR>        <TR>         <TD BACKGROUND="images/shadow_bottom.gif"><IMG SRC="images/dc.gif" WIDTH="1" HEIGHT="5"></TD>         <TD><IMG SRC="images/shadow_corner.gif" WIDTH="5" HEIGHT="5"></TD>        </TR>       </TABLE>      </TD>      <TD>       <TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="1">        <TR>         <TD><A HREF="javascript:void(0);" ONCLICK="showPreview(1);"><IMG SRC="images/dc.gif" ID="slot1" NAME="slot1" BORDER="0" xWIDTH="109" xHEIGHT="82"></A></TD>         <TD VALIGN="top" BACKGROUND="images/shadow_right.gif"><IMG SRC="images/dc.gif" WIDTH="5" HEIGHT="1"></TD>        </TR>        <TR>         <TD BACKGROUND="images/shadow_bottom.gif"><IMG SRC="images/dc.gif" WIDTH="1" HEIGHT="5"></TD>         <TD><IMG SRC="images/shadow_corner.gif" WIDTH="5" HEIGHT="5"></TD>        </TR>       </TABLE>      </TD>      <TD>       <TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="1">        <TR>         <TD><A HREF="javascript:void(0);" ONCLICK="showPreview(2);"><IMG SRC="images/dc.gif" ID="slot2" NAME="slot2" BORDER="0" xWIDTH="109" xHEIGHT="82"></A></TD>         <TD VALIGN="top" BACKGROUND="images/shadow_right.gif"><IMG SRC="images/dc.gif" WIDTH="5" HEIGHT="1"></TD>        </TR>        <TR>         <TD BACKGROUND="images/shadow_bottom.gif"><IMG SRC="images/dc.gif" WIDTH="1" HEIGHT="5"></TD>         <TD><IMG SRC="images/shadow_corner.gif" WIDTH="5" HEIGHT="5"></TD>        </TR>       </TABLE>      </TD>      <TD>       <TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="1">        <TR>         <TD><A HREF="javascript:void(0);" ONCLICK="showPreview(3);"><IMG SRC="images/dc.gif" ID="slot3" NAME="slot3" BORDER="0" xWIDTH="109" xHEIGHT="82"></A></TD>         <TD VALIGN="top" BACKGROUND="images/shadow_right.gif"><IMG SRC="images/dc.gif" WIDTH="5" HEIGHT="1"></TD>        </TR>        <TR>         <TD BACKGROUND="images/shadow_bottom.gif"><IMG SRC="images/dc.gif" WIDTH="1" HEIGHT="5"></TD>         <TD><IMG SRC="images/shadow_corner.gif" WIDTH="5" HEIGHT="5"></TD>        </TR>       </TABLE>      </TD>      <TD>       <A HREF="javascript:void(0);" ONCLICK="moveBar('right','image');">Image ></A><BR>       <BR>       <A HREF="javascript:void(0);" ONCLICK="moveBar('right','page');">Page ></A>      </TD>     </TR>    </TABLE>   </TD>  </TR> </TABLE>

    </BODY> </HTML>

    Das ist jetzt ein Beispiel, welches ich für eine Fotogalerie erstellt habe, aber diese Methode kannst du nutzen, um dein Bild auf eine andere Stelle zu bringen. Du nimmst einfach eine Tabelle, die du aufteilst und lässt die Bilder einfach in die Verschiedenen Spalten anzeigen. Sieht schlimm aus, aber wenn du den Code in einen Vernünftigen Editor packst dürfstes du da schon hinterkommen.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Objekt erwartet

      Thomas-Mue
      – Informationen zu den Bewertungsregeln

      Danke nochmal an alle die drüber nachgedacht haben wie man das Problem klären kann, ich habe es gerade geschafft! So sieht das fertige Script nun aus, für alle die mal ähnliche Probleme haben sollten:

      <html>
      <head>
      <script type="text/javascript">
      <!--
      function bild()
      {
      h=Math.random();
      h*=95;
      h=Math.ceil(h)

      b=Math.random();
      b*=95;
      b=Math.ceil(b)

      document.getElementsByTagName("img")[0].style = "position:absolute; top:" + h + "%; left:" + b + "%"

      }
      -->
      </script>
      </head>
      <body>
      <img OnMouseOver="bild()" src="1.jpg">
      </body>
      </html>

      Kaum zu glauben das man an so einem kurzem Script den ganzen Tag verbringen kann..... na ja, egal, das Ergebnis zählt ja bekanntlich!

      Wie gesagt, nochmal Danke und bis später!

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln