Forum
Tipps
News
Menu-Icon

javascript onmouseover=text anzeigen= browserproblem

Abend :)
Also ich habe einen text der sich dynamisch beim überfahren
mit der maus einer bildersammlung ändern soll.

Die bilder werden auch nochmal an einer anderen stelle vergrößert beim überfahren angezeigt.

Im Internetexplorer funktioniert das auch wunderbar aber in
Netscape,Firefox & Opera wird der text nicht angezeigt.
Woran kann das liegen?

hier die original-internetseite(baustelle)

der volle javascript der page



 

Zitat
function Bildzeigen (adresse,beschreibungoben,beschreibungunten,x,y,hoehe,breite) {
  if (document.getElementById) {
    document.getElementById("Bildgross").height = hoehe
    document.getElementById("Bildgross").width =  breite
    document.getElementById("Bildgross").src = "bilder/inhalt/"+adresse+"-2.jpg";
    document.getElementById("Bildgrossanker").href = "bilder/inhalt/"+adresse+"-3.jpg";   
    document.getElementById("Bildgrossanker").style.top = y;   
    document.getElementById("Bildgrossanker").style.left = x;
    document.getElementById("oben").innerText = beschreibungoben;
    document.getElementById("unten").innerText = beschreibungunten;
     
   }

 
Zitat
   <!-------------------Beschreibung OBEN--->
   <p id="oben" style="LEFT: 510px; TOP: 16px; POSITION: absolute; font-size: 12px; " >
   ...
   </p>
   <!-------------------Beschreibung UNTEN--->
   <p id="unten" style="LEFT: 600px; TOP: 385px; POSITION: absolute; font-size: 12px; " >
   blablub
   </p>
   <!-------------------BILDER --->
   <!-- grosses Bild--->
   <A title="Ansicht vergrößern" style="LEFT: 457px; POSITION: absolute; TOP: 148px; visibility: visible;" href="bilder/inhalt/elektro-1-3.jpg" target=_blank id="bildgrossanker">
      <IMG height=163 alt="" src="bilder/inhalt/elektro-1-2.jpg" width=244 border=0 style=" border-color: #000000; border-style: solid; border-width: 1px; " id="Bildgross">
   </a>
   <!-- kleine Bilder-->
<A onmouseover="javascript:Bildzeigen('elektro-1','FOTOARBEIT','Elektrofotos',457,148,163,244)" title="Ansicht vergr&ouml;&szlig;ern" style="left:  17px; position: absolute; TOP:  97px; " href="bilder/inhalt/elektro-1-3.jpg" target=_blank >
<IMG height=63 alt="" src="bilder/inhalt/elektro-1-1.jpg" width=84 border=0 style=" border-color: #000000; border-style: solid; border-width: 1px; ">
</a>
<A onmouseover="javascript:Bildzeigen('elektro-2','FOTOARBEIT','Elektrofotos',457,148,163,244)" title="Ansicht vergr&ouml;&szlig;ern" style="left:  325px; position: absolute; TOP:  328px; " href="bilder/inhalt/elektro-2-3.jpg" target=_blank >
<IMG height=63 alt="" src="bilder/inhalt/elektro-2-1.jpg" width=84 border=0 style=" border-color: #000000; border-style: solid; border-width: 1px; ">
</a>

hier die original-internetseite(baustelle)
« Letzte Änderung: 09.01.07, 23:49:51 von katerkarloak »

Antworten zu javascript onmouseover=text anzeigen= browserproblem:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Funzt bei mir in Firefox und Opera sehr gut :)

sicher?
Es sollte rechts oben über dem vergrößerten bild beim überfahren mit der maus der text "FOTOARBEIT" (da wo beim starten "..." steht)und links unten unter dem vergrößerten bild "Elektrofotos"(da wo beim starten "blablub" steht) erscheinen was es bei mir in Firefox,opera,netscape nicht tut.
Das ändern des Bildes funktioniert bei allen browsern hervorragend ja, aber ich mein den text.

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Oh sorry, da hab ich wohl etwas zu schnell gelesen  :-[

Mach mal aus der Eigenschaft "innerText" ein "innerHTML". Das sollte besser funktionieren.

greez 8)
JoSsiF

ändert leier auch nichts  :-\
Mir ist noch aufgefallen das im Firefox auch noch mehr funktionen nicht zu funktionieren scheinen.
(die positionierungen "left"&"top" gehen nicht)
Egentlich funktionieren nur folgende 4 zeilen in allen browsern :

    document.getElementById("Bildgross").src = "bilder/inhalt/"+adresse+"-2.jpg";
    document.getElementById("Bildgrossanker").href = "bilder/inhalt/"+adresse+"-3.jpg";
    document.getElementById("Bildgross").height = hoehe
    document.getElementById("Bildgross").width =  breite
der rest wird anscheinend von Firefox etc ignoriert.

 ???

« Letzte Änderung: 10.01.07, 13:57:32 von katerkarloak »

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

innerText und innerHtml sind so weit ich weiß kein Standard...

Stattdessen ein neuen Text-Node-Objekt erzeugen und dem gewünschten Element als Kindknoten hinzufügen.

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Möglicherweise nimmt der eine oder andere Browser auch die Schreibweise der IDs übel, denn du hast da ein paar Mal den Anfangsbuchstaben in unterschiedlichem Case.

innerText und innerHtml sind so weit ich weiß kein Standard...

Richtig, das ist Microsoft JScript. Komischerweise hatte ich aber den Quellcode hier kopiert, umgebaut, und dann funktionierte es in allen "großen" Browsern. Eine Standard-gerechte Lösung nach dem DOM (also die Knotengeschichte) wäre natürlich die beste Variante.

greez 8)
JoSsiF

Neeeeeeeeeeeeeeeiiiiiiiiiiiiiiiiiiiiiinnnnnnn

man man vielen Dank JoSsif ;D;D

Es lag tatsächlich an der gr0ß/kleinschreibung.
Ich hab einfach nur "Bildgrossanker" in "bildgrossanker"
im script geändert & schon funktionierts :):)

Ist mir zwar immer noch ein rätsel wie das auswirkung auf den text hat aber naja ersteinmal freu ich mich das es überhaupt funktioniert.

Also vielen dank und für zukünftige seiten werd ich mich wohl mal mit knoten beschäftigen müssen. :-[
(jaja auch ich werde irgenwann mal DOM-gerechte seiten hinkriegen, aber noch ist es nicht soweit) ():-)

p.s. die fertige seite wird hier zu finden sein, ich bin immer offen für kritik :)

« Letzte Änderung: 10.01.07, 14:53:54 von katerkarloak »

« Internetseite wird bei IE nicht richtig angezeigt aber bei Firefoxcss/js Hilfe »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
Opera
Opera ist ein für viele Plattformen kostenlos erhältliche Software des norwegischen Unternehmen Opera Software ASA. Sie beinhaltet sowohl einen Browser als auch...

Operating System
Englischer Begriff für Betriebssystem. Siehe auch Betriebssystem....

Desktop
Als Desktop bezeichnet man die Arbeitsoberfläche eines Computers. Der Desktop ist nichts anderes als eine grafische Benutzeroberfläche (Graphical User Interface...