Javascript Variable durch Klicken auf einem Linke ändern

Hi ,

Ich habe die Idee gefasst nach 2 Jahren mal ne HP für Mich zu machen :D
Nachdem ich für Hinz und Kunz ne HP gemacht habe bin ich Bereit ne Eigene HP zu Bauen
dabei möchte ich mich auf Javascript stützen (ich weiss ja das es nett toll ist aber lasst mich) .

Meine idee ist eine HTML Seite wie ne Falsch seite zu machen also 1datei wo ALLE texte etz. drin sind und diese dann ausgeben werden je nachdem wie eine Variable ist.

Nur wie mache ich das eine Variable ändern mit Hilfe eines Links ?

MFG

Dadie

Entweder so

HTML-Code:

<a href="javascript: variable = 'wert';">Linktext</a>

oder so

HTML-Code:

<a href="#" onclick="javascript: variable = 'wert';">Linktext</a>

Zitat:

Zitat von getöteter_ork

Entweder so

HTML-Code:

<a href="javascript: variable = 'wert';">Linktext</a>

oder so

HTML-Code:

<a href="#" onclick="javascript: variable = 'wert';">Linktext</a>

hmm ... hab ich mal getestet, weil ich sowas irgendwie mehr oder weniger schon länger suche; funktioniert beides nicht so. ist zwar das, was dadie wollte, aber ein klick auf einen link der ersten variante führt mich zu einem dokument, dass den neuen wert der variable enthält, sonst nichts; der zweite link bringt bei mir nicht wirklich viel. weder mit irgendnem zusätzlichen neuladen oder sonstwas ... naja, keine ahnung.

Zitat:

Zitat von Tomarus

hmm ... hab ich mal getestet, weil ich sowas irgendwie mehr oder weniger schon länger suche; funktioniert beides nicht so. ist zwar das, was dadie wollte, aber ein klick auf einen link der ersten variante führt mich zu einem dokument, dass den neuen wert der variable enthält, sonst nichts; der zweite link bringt bei mir nicht wirklich viel. weder mit irgendnem zusätzlichen neuladen oder sonstwas ... naja, keine ahnung.

Ömmm. DITO :(

Beim ersten Öffnet sich eine neue Seite die ist weiss und da steht dann das ergebniss der Variable drin.

Und beim Zweiten passiert NIX JAVASCRIPT ist an daran liegt es nett :confused:

Ich bin mal so frei und kopiere ein wenig JS Code von mir:

Code:

var var_add_comment_visible; var var_show_comment_visible; var_add_comment_visible = 0; var_show_comment_visible = 0; function add_comment() { if(var_add_comment_visible == 0) { var_add_comment_visible = 1; document.add_comment.style.display = "block"; } else { document.add_comment.style.display = "none"; var_add_comment_visible = 0; } } function show_comment() { if(var_show_comment_visible == 0) { var_show_comment_visible = 1; document.show_comment.style.display = "block"; } else { document.show_comment.style.display = "none"; var_show_comment_visible = 0; } }

Die Funktionen hab ich immer über nen Link aufgerufen.

Code:

<a href="javascript:add_comment()">Kommentar hinzufügen</a> ::: <a href="javascript:show_comment()">Kommentare anzeigen</a>

Das Script läuft eigentlich einwandfrei hab noch keine Beschwerden gehört, deswegen hoffe ich mal, das es euch hilft :)

Also ich habe nun lange herumprobiert es klappt keine Frage aber nett so ganz :confused:

Ich habe folgenden Code (achtung gross)

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Dadie 2005</title> <link rel="stylesheet" href="./css/default.css" type="text/css"> </head> <body> <div style="width:100% ; height:60px ; background-image: url(./img/001.bmp);" class="class1" > <script type="text/javascript">  </script> </div> <table border="0" width="100%" cellspacing="0" cellpadding="0" > <tr> <td class="menu" style="text-align:left; font-size:12px ;"> Main Menu <a href="javascript:show_comment()" style="padding-left:5px ;" title="Home (Accesskey: H)" accesskey="H" >Home</a> <a href="#" onclick="javascript:show_comment2()" style="padding-left:5px ;" title="Downloads (Accesskey: D)" accesskey="D" >Downloads</a> <a href="#" style="padding-left:5px ;" title="Impressum (Accesskey: m)" accesskey="m">Impressum</a> Übermich <a href="#" style="padding-left:5px ;" title="Steckbrief (Accesskey: S)" accesskey="S">Steckbrief</a> <a href="#" style="padding-left:5px ;" title="Freunde (Accesskey: F)" accesskey="F">Freunde</a> <a href="#" style="padding-left:5px ;" title="Hobbys (Accesskey: O)" accesskey="O">Hobbys</a> <a href="#" style="padding-left:5px ;" title="Mein Roller (Accesskey: R)" accesskey="R">Mein Roller</a> </td> <td style="width:15px;" > </td> <td class="mitte" style="text-align:center;" > <script type="text/javascript"> function show_comment() { document.write('Neue Webseite Online') ; document.write('Vom 05.01.2005 um 19:53 ') ; document.write(' Nach langer Zeit ist meine HP wieder ON.') ; } function show_comment2() { document.write('Neue Webseite Online') ; document.write('Vom 05.01.2005 um 19:53 ') ; document.write(' Nach langer Zeit ist meine HP wieder ON.TEST') ; } </script> </td> <td style="width:15px;" > </td> <td class="menu" style="text-align:right; font-size:12px ;"> Design by <a href="http://the-time.ath.cx" title="Dadie" style="text-align:center; display: block ; " >Dadie</a>   Valider Quellcode <a href="http://validator.w3.org/check?uri=referer"><img border="0" src="http://www.w3.org/Icons/valid-html40" alt="Valid HTML 4.0!" height="31" width="88"></a> <a href="http://jigsaw.w3.org/css-validator/check/referer"><img border="0" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS 2" height="31" width="88"></a> </td> </tr> </table> <div style="width:100% ; height:60px ; background-image: url(./img/002.bmp);" class="class1" > </div> </body> </html>

Wenn ich auf einem Link klicke wird die Seite weiss und nur der text in der Funktion wird dargestellt :confused:

Du verlinkst wenn ich das richtig sehe in deinen Links auf einen leeren Anker und startest das Script per onClick. Da sollte der Hund begraben liegen, versuche mal die Funktion per href="javascript:..." zu starten, vielleicht hilfts. :)

Zitat:

Zitat von Latency

Du verlinkst wenn ich das richtig sehe in deinen Links auf einen leeren Anker und startest das Script per onClick. Da sollte der Hund begraben liegen, versuche mal die Funktion per href="javascript:..." zu starten, vielleicht hilfts. :)

Ich habe beides Versucht und beides ist auch im Code drin http://www.multimediaxis.de/images/s.../old/s_009.gif

ich Zitiere :

Zitat:

<a href="javascript:show_comment()" style="padding-left:5px ;" title="Home (Accesskey: H)" accesskey="H" >Home</a> 
<a href="#" onclick="javascript:show_comment2()" style="padding-left:5px ;" title="Downloads (Accesskey: D)" accesskey="D" >Downloads</a>

Hmm, AFAIK kann man document.write nur bei Skripten, die direkt beim Aufrufen der HP ausgeführt werden, verwenden, und nicht in Funktionen, weil sonst genau das passiert. Versuch mal stattdessen Folgendes:

HTML-Code:

 <td class="mitte" style="text-align:center;" id="mitte"> <script type="text/javascript">  </script>

Wie immer untested, aber ein Versuch und einen Spam ist es wert :D

BTW kommt mir ein großteil des Codes sehr bekannt vor, als wenn ich ihn selbst geschrieben hätte :rolleyes: (das mit dem "Acceskey: H" und so)

Klappt nuuuuuur funtz html in den Javascript gespeicherten daten nett :(

Naja werde noch ne Lösung finde aber erst mal
http://www.multimediaxis.de/images/s.../old/sm_12.gif an ALLE hier :D

Zitat:

Zitat von getöteter_ork

BTW kommt mir ein großteil des Codes sehr bekannt vor, als wenn ich ihn selbst geschrieben hätte :rolleyes: (das mit dem "Acceskey: H" und so)

Ich fand die idee so Cool und habe sie Kopiert nimmst mir doch nett übel :(