• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Probleme im IE mit Prototype Framework

Status
Für weitere Antworten geschlossen.
Oh, sorry, das hatte ich übersehen. Damit klappt's. Aber dann hat man dennoch zwei Seiten für die Kontakte. Ich werde mir mal die Lösung von neuroleptika näher anschauen...

Aber danke schonmal!
 
Ich würde das Element ersteinmal überhaupt nicht ausblenden.
css:
Code:
#address {
display: block;
}


Und erst durch das Script ausblenden.
Javascript:
Code:
<script type="text/javascript">
function verstecken ()
{
document.getElementById("address").style.display = "none";
}

function aufklappen ()
 {
 if (document.getElementById("address").style.display == "none")
 {
 document.getElementById("address").style.display = "block";
 }
 else
 {
 document.getElementById("address").style.display = "none";
 }
}
</script>

Das Element mit dem Event-Handler könnte eine Überschrift für den Kontakt sein.
html:
HTML:
<h3 id="ausloeser" onclick="aufklappen()">Max Mustermann
</h3>
<address id="address">
Kontaktinfo
</address>

Mmh, irgendwie funktioniert das nicht so recht. Ich habe die Forms jetzt standardmäßig sichtbar gemacht und das Javascript im Head der Seite plaziert. Aber beim Aufruf der Seite bleiben die dennoch sichtbar...

Was mache ich falsch?
 
Die Funktion verstecken() muss auch gestartet werden.
Code:
<body onload="verstecken()">

Aber es geht noch einfacher:
Du könntest einfach alles lassen wie es war
und nur das visibilty: hidden; (oder display:block) löschen.
In einer anderen css-Datei könntest du es wieder einfügen.
Die könntest du per Javascript einbinden:
Code:
document.write("<link rel='stylesheet' type='text/css' href='js.css'>");
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben