Forum
Tipps
News
Menu-Icon

css/js Hilfe

Ich habe einen Bild als Link, der bei mouseover ein "hidden-div" anzeigen soll, bei mouseout soll dieses wieder verschwinden.
Das div wird zwar bei mouseover angezeigt, verschwindet aber erst wieder wenn ich erneut mouseover mache.
Gibt es dazu: onmouseover="javascript:toggledisplay('hidden'); return false;" ... nicht ein mouseout, dass mein div wieder verschwinden läßt???

Klar gibt’s das ich kenn´s nur nicht.
Kann mir jemand helfen?

Eingebundene hidden.css:

#hidden {
  display: none;
}

<script type="text/javascript">function toggledisplay (id){
if (document.getElementById) {
var mydiv = document.getElementById(id);
mydiv.style.display = (mydiv.style.display=='block'?'none':'block');
}

<a onmouseover="javascript:toggledisplay('hidden'); return false;"
 href="#"><img style="blablabla" src="bims.jpg" alt="bims"></a>

<div id="hidden">TEXT</div>


Antworten zu css/js Hilfe:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hi Tinchen |

Du hast dir die Antwort schon selber gegeben: Den Aufruf, den du bei onmouseover machst, definierst du nochmal für onmouseout. Habs grad getestet, funzt einwandfrei ;)

greez 8)
JoSsiF

Genau den selben ??? Da wär ich im Leben nicht drauf gekommen ... Danke ;D

Funzt einwandfrei ... suuuper!!!

Ich nochmal ... warum wird jetzt beim Seitenaufruf immer das letzte "hidden-div" angezeigt? Kann ich das irgendwie verbergen, dass beim Seitenaufruf alle hidden-divs zunächst verborgen sind ... bis zum mouseover.

Problem gelöst, wollte nur kurz die Lösung posten.
Ich hab ein anderes Script genommen, damit die versteckten divs beim Aufruf der Seite zunächst unsichtbar sind.

js:

function anzeigen(das)
{
if(document.getElementById(das).style.display=='none') document.getElementById(das).style.display='block'; else document.getElementById(das).style.display='none';
}

Der Link:

<a onmouseover="javascript:anzeigen('verstecktes div');"
   onmouseout="javascript:anzeigen('verstecktes div');" href="#">
<img style="blabla" src="blabla.jpg" alt="blabla"></a>

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Du machst vom Prinzip her nichts anderes als die Style-Eigenschaft "display" zu ändern. Diese kann natürlich ohne jedes JavaScript initial per CSS gesetzt werden. Also einfach für die ganzen DIVs eine Style-Klasse anlegen und dort display auf none setzen. Danach übernimmt JavaScript das Handling dieser Eigenschaft.

greez 8)
JoSsiF

Hm, das war natürlich das erste was ich probiert habe ... aber dann wurde das div gar nicht mehr angezeigt ... auch nicht wenn ich auf den Link gegangen bin.

Wat hab ich´n da falsch gemacht???

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button
Wat hab ich´n da falsch gemacht???

Gute Frage. Wenn du den Quellcode dieser Variante noch vollständig da hast, dann schmeiß ma rüber. Vielleicht kann man dann sagen, woran's lag ;)

Schade ... zu spät, naja nun klappt´s auch so.
Trotzdem danke nochmal.


« javascript onmouseover=text anzeigen= browserproblemPHP Chat »
 

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

Fremdwörter? Erklärungen im Lexikon!
Grundstrich
Der Begriff des Grundstrichs im Bereich der Typografie, bezeichnet den senkrechten Strich der Buchstaben. Bei Schriftarten mit variabler Strichstärke, wie zum Beispi...

Haarstrich
Der Begriff Haarstrich stammt aus dem Bereich der Typographie. Bei Schriften, wie zum Beispiel der Antiquaschrift mit unterschiedlichen Strichstärken, wird zwischen ...

Bildpunkte
Bilder, die von einem Monitor wiedergegeben werden, bestehen aus einzelnen Bildpunkten (Pixeln). Je höher die Pixelanzahl ist, desto genauer und besser kann das Bild...