Html Javascript, Funktionsaufruf in Datei funktioniert nicht.

[emi (Gast)]

Ich habe eine Datei angelegt:

    function clear_searchValue(){
        document.getElementById("text_suchleiste").value = "";
    }
    function set_searchValue(){
        document.getElementById("text_suchleiste").value = "Suche...";
    }

    function set_klasse(var klassen_name, var objekt_id){
        alert("Klassenname = " );
        document.getElementById(objekt_id).className = klassen_name;
    }

und ich rufe diese Funktionen von einer FOrm aus auf:

<form>
                <input class="text_klasseNichtAngeklickt" id="text_suchleiste"
                onclick="
                            set_klasse('text_klasseAngeklickt', 'text_suchleiste');
                            clear_searchValue();"

                onblur="    set_klasse('text_klasseNichtAngeklickt', 'text_suchleiste');
                            set_searchValue(); "

                type="text" name="nm_suche" size="35" maxlength="35" value="Suche..."/>
            </form>

weiters sind:

#text_suchleiste{
    height: 25px;
}

#text_suchleiste:hover{
    box-shadow: 0px 0px 5px white;
}

.text_klasseNichtAngeklickt{
    color: #BFBFBF;
    box-shadow: 0px 0px 0px white;
    border: solid 1px;
    border-color: #ffffff;
}

.text_klasseAngeklickt{
    box-shadow: 0px 0px 5px white;
    color: #3F3C3C;
}

leider wird keiner dieser Javazeilen richtig ausgeführt. Ich habe das 
FIle natürlich richtig angehängt in das html Dokument mit:

<script language="javascript" type="text/javascript" src="javascript_suchleiste.js">

jedoch funktioniert es NUR wenn ich die Befehle von hand in das 
onClickEvent eingebe.

Hat wer eine Idee wieso die Funktionen im .js File nicht aufgerufen 
werden? Gestern hats noch funktioniert mit etwas abgeänderten 
Funktionen. Aber jetzt wo ich Parameter in den FUnktionen eingebaut hab 
geht gar nichts mehr.

[Jan H. (j_hansen)]

emi schrieb:
>

>     function set_klasse(var klassen_name, var objekt_id){
>         alert("Klassenname = " );
>         document.getElementById(objekt_id).className = klassen_name;
>     }
>

Die "var"s gehören weg bei Funktionsparametern. Das ist der erste 
Fehler, weiter habe ich den Code nicht überprüft.
Ev. man in die Debuggingtools  Konsole  ... schauen, der Browser hat 
sich wahrscheinlich eh darüber beschwert.

-->

function set_klasse(klassen_name, objekt_id){
    alert("Klassenname = " );
    document.getElementById(objekt_id).className = klassen_name;
}

[Εrnst B. (ernst)]

Wenn Kompatibilität(*) mit prähistorischen Uralt-Browsern nicht soo 
wichtig ist:

<input type="text" placeholder="Suche..." ...

ganz ohne Javascript.


*) Es funktioniert dort trotzdem, der Effekt fehlt halt.

[emi (Gast)]

Danke, funktioniert soweit!! Ach ja, ne Frage so nebenbei: Wenn meine 
Seite sehr sehr viele Seiten hat immer mit dem selben menü usw..
gibt es da einen ausweg, dass wenn ich eine einzige Seite vom Menü her 
ändere dass es bei allen anderen übernommen wird? Oder sollte ich lieber 
alles auf einer Seite zuerst machen und wenn ich mir dann hunder 
prozentig sicher bin das menü kopieren?

[TestX .. (xaos)]

emi schrieb:
> Danke, funktioniert soweit!! Ach ja, ne Frage so nebenbei: Wenn meine
> Seite sehr sehr viele Seiten hat immer mit dem selben menü usw..
> gibt es da einen ausweg, dass wenn ich eine einzige Seite vom Menü her
> ändere dass es bei allen anderen übernommen wird? Oder sollte ich lieber
> alles auf einer Seite zuerst machen und wenn ich mir dann hunder
> prozentig sicher bin das menü kopieren?

sowas löst man in zB PHP oder RubyonRails... das menü wird 1mal 
definiert.
was du hier machen willst ist wie das javascript oben Steinzeit ;)

schau dir doch mal ein CMS wie zB WordPress an ;) Für Javascript benutzt 
man übrigens heutzutage Frameworks wie jQuery, MooTools zusammen mit 
TypeScript oder CoffeeScript

[Nik D. (y2kicn)]

Hi emi

Das Problem mit dem content, der sich auf allen Seiten ändern soll 
könntest du folgendermassen lösen:

Entweder durch serverseitiges Scripting (Node.js, Php usw), welches dir 
deine HTML Seite aus einem Template zusammenbaut

Oder aber, du baust dir die View erst im Client zusammen, 
vorteilhafterweise mit Javascript.

Dies könnte dann zB folgendermassen aussehen:

Auf dem Server hast du ganz ein html File mit einer Art Grundstruktur, 
ganz einfach gesagt zum Beispiel:

<html>
<head>
<script src="deinJavascript.js"></script>
</head>
<body>
<div id="menu"></div>
<div id="inhalt"></div>
</body>
</html>

deinJavascript.js wartet dann mit einem eventhandler darauf bis die DOM 
geladen ist, und laedt danach das HTML des Menu und dasjenige der 
Einstiegsseite nach.
Zudem bräuchtest du in diesem Falle dann auf jedem Menüpunkt noch
einen ClickListener, welcher bei einem Klick das HTML fuer die 
entsprechende Seite abholt.

Das Menü und die einzelnen Seiten wuerden hierbei jeweils nur den Teil 
beinhalten, der im div mit id=menu oder div mit id=inhalt steht.

Zum Anfang lohnt es sich u.U. sowas fürs Verständnis noch in reinem 
Javascript zu schreiben, aber es gibt durchaus Libraries, welche einem 
viel Arbeit abnehmen können was dieses spezifische Problem angeht 
(www.jquery.com, www.angularjs.org)