Problem mit CSS / JS

[DarkMo]

Huhu, ich bastel gerade bischen rum und habe mir was kleines zusammen geschustert. Ich habe mir prinzipiell ein div gebaut und mit CSS formatiert. Darin ist ein Link <a...> den ich mit CSS zum Btton gestaltet hab. Nun möchte ich mit JS den Button ändern, wenn ich drauf klicke. Das klappt prinzipiell auch ganz super, allerdings nur für 1 2 Sekunden - danach swithced er wieder auf die Ausgangswerte zurück.

So schauts aktuell aus:


Nun geh ich mit der Maus drüber:


Und schussendlich klick ich druff:


... soweit so gut, nur BLEIBT es eben nicht. Ne Sekunde später ists wieder wie Bild 1 *grrr* Was mach ich falsch ><

Hier die htm:

            <div style="width: 750px; margin-bottom: 5px;">
                <div class="frame">transportNetworkProvider</div>
                <div class="container">
                    <div id="laneList" class="frame">laneLists</div>
                    <div id="terminals" class="frame">terminals</div>
                    <div class="container">
                        <div id="addTerminalFrame" class="frame"><a id="addTerminalButton" class="button add" href="" onclick="javascript:test('addTerminalFrame');">add Terminal</a></div>
                    </div>
                </div>
            </div>

und da die JS-Funktion test();

function test(frame) {
    var div = document.getElementById(frame);
    var button = document.getElementById("addTerminalButton");
    button.className = "button cancel";
    button.innerHTML = "cancel";
    div.innerHTML += " | ";
}

 

[TessaKavanagh]

Nimm mal bitte das onclick raus und dafür den Verweis auf die Funktion ins href Attribut. Du hast ne Doppelfunktion geschrieben denn href= "" macht einen Seitenreload. Onclick schafft es aber vor dem reload noch das JavaScript durchzujagen

 

[DarkMo]

*Kopf -> Tisch*

sooooooo simpel? omg xD Ich danke dir ^^

 

[TessaKavanagh]

Die Funktion war nicht zu beanstanden Nur die Funktionsweise eines leeren href Attributes hattest du vermutlich übersehen