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

JS - Problemchen?

Status
Für weitere Antworten geschlossen.

mister ahnungslos

Neues Mitglied
Hallo Usergemeinde!
Ich steck ziemlich in der Zwickmühle wegen einer eigentlich einfachen JS-Anweisung.
Das unten stehende Script lässt ein Link bei Onclick vergrößern, ein Div wird angehängt.
Mein Problem dabei, dass sich dieser Klick wie ein Anker (Top) verhält und man zum Seitenanfang schnippst.
Der Effekt des öffnens funktuioniert aber. Irgendwer eine Idee um das zu unterbinden?
PHP:
<script type="text/javascript"><!--
         function expand(welches) {
             if(document.getElementById("open" + welches).style.display == 'none') {
                 document.getElementById("open" + welches).style.display = "inline";
             }else{
                 document.getElementById("open" + welches).style.display = "none";
             }
         }
         //--></script>

PHP:
<p style="border:1px solid black;">
    <a href="#" onclick="javascript:expand(1)">Link</a>
 <div id="open1" style="display:none;">Hallo, ich bin ein Text</div>
 
HTML:
<p style="border:1px solid black;">
    <a href="#zoom" onclick="javascript:expand(1)">Link</a>
<a name="zoom">
<div id="open1" style="display:none;">Hallo, ich bin ein Text</div> 
</a>

so würds gehen..
 
damit erziele ich auch einen unschönen effekt

der link springt beim klicken zur sehr

-edit-
zur erläuterung:

es soll sich beim onclick nur ein erweiterter div öffnen ohne seitensprünge
 
Zuletzt bearbeitet:
warum nimmst du denn nicht einfach was anderes z.B. <li> oder so ;)
das kannste ja mit css so formatieren das es aussieht als ob es ein link wäre..
 
HTML:
<p style="border:1px solid black;">
    <a href="#" onclick="javascript:expand(1);return false">Link</a>
 <div id="open1" style="display:none;">Hallo, ich bin ein Text</div>
Oder du schreibst den JS-Code einfach in das href-Attribut. Aber bei dieser Lösung schaltest du die JS-Losen User aus.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben