Javascript Variable durch Klicken auf einem Linke ändern

**dadie** · 07.01.2005 18:59

Hi ,

Ich habe die Idee gefasst nach 2 Jahren mal ne HP für Mich zu machen

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

**dead_orc** · 08.01.2005 07:13

Entweder so

HTML-Code:

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

oder so

HTML-Code:

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

**Tomarus** · 08.01.2005 17:49

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.

**dadie** · 08.01.2005 19:10

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

**Latency** · 08.01.2005 19:16

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

**dadie** · 12.01.2005 12:10

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

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" >
<br>
<script type="text/javascript">
<!--
//Hier Bitte den Seiten Namen eintragen
//#####################################
var titel = "Die Zeit WP2";
//#####################################
for(i=0;i<titel.length;i++) {
 part = titel.substr(i,1);
 part = part.toLowerCase();
 if(part != ' ') document.write('<img src="./img/buchstaben/'+part+'-head.png" alt="'+part+'" />&nbsp;');
 else document.write(' &nbsp; &nbsp; ');
}
-->
</script>

</div>

<table border="0" width="100%" cellspacing="0" cellpadding="0" >
<tr>
       <td class="menu" style="text-align:left; font-size:12px ;">
	   
	  
	   <span class="menukat" style="background-image: url(./img/003.bmp);">Main Menu</span>
	   

	   
	   <a href="javascript:show_comment()"  style="padding-left:5px ;" title="Home (Accesskey: H)" accesskey="H" ><span style="text-decoration: underline;" >H</span>ome</a><br>
	   <a href="#" onclick="javascript:show_comment2()"  style="padding-left:5px ;" title="Downloads (Accesskey: D)" accesskey="D" ><span style="text-decoration: underline;" >D</span>ownloads</a><br>
	   <a href="#"  style="padding-left:5px ;" title="Impressum (Accesskey: m)" accesskey="m">I<span style="text-decoration: underline;" >m</span>pressum</a><br>
	   <br>
	   <span class="menukat" style="background-image: url(./img/003.bmp);">Übermich</span>
	   <a href="#"  style="padding-left:5px ;" title="Steckbrief (Accesskey: S)" accesskey="S"><span style="text-decoration: underline;" >S</span>teckbrief</a><br>
       <a href="#"  style="padding-left:5px ;" title="Freunde (Accesskey: F)" accesskey="F"><span style="text-decoration: underline;" >F</span>reunde</a><br>
	   <a href="#"  style="padding-left:5px ;" title="Hobbys (Accesskey: O)" accesskey="O">H<span style="text-decoration: underline;" >o</span>bbys</a><br>
	   <a href="#"  style="padding-left:5px ;" title="Mein Roller (Accesskey: R)" accesskey="R">Mein <span style="text-decoration: underline;" >R</span>oller</a><br>
   
	   <br>
	   </td>
	   <td style="width:15px;" >&nbsp;</td>
       <td class="mitte" style="text-align:center;" >
	   <br>
	   
<script type="text/javascript">   




function show_comment()
{

document.write('<span class="news" >Neue Webseite Online</span>') ;
document.write('<span style="width: 70% ; display: block ; text-align:left;" >Vom 05.01.2005 um 19:53 <br>') ;
document.write('<br>Nach langer Zeit ist meine HP wieder ON.</span>') ;
	                     }
	  
function show_comment2()
{

document.write('<span class="news" >Neue Webseite Online</span>') ;
document.write('<span style="width: 70% ; display: block ; text-align:left;" >Vom 05.01.2005 um 19:53 <br>') ;
document.write('<br>Nach langer Zeit ist meine HP wieder ON.</span>TEST') ;

	                     }
						 
</script>   
	   
	   </td>
	   <td style="width:15px;" >&nbsp;</td>
       <td class="menu" style="text-align:right; font-size:12px ;">
	   
	   
	   <span class="menukat" style="background-image: url(./img/003.bmp);">Design by</span>
	   
	   <a href="http://the-time.ath.cx" title="Dadie" style="text-align:center; display: block ; " >Dadie</a>
	   
	   <span class="menukat" style="background-image: url(./img/004.bmp); ">&nbsp;</span>
	   <br><br>
	   
	   <span class="menukat" style="background-image: url(./img/003.bmp);">Valider Quellcode</span>
	   
	   <span style="text-align:center ;  display: block ; " >
	   
	   <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><br>
	   <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><br>
	   <br>
	   </span>
	   
	   </td>
</tr>
</table>

<div style="width:100% ; height:60px ; background-image: url(./img/002.bmp);" class="class1" >
<span style="test-align:center; font-size:12px ;"><br> <br> </span>
</div>

</body>
</html>

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

**Latency** · 12.01.2005 17:27

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.

**dadie** · 12.01.2005 17:30

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

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>

**dead_orc** · 12.01.2005 17:41

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">
<!--
function show_comment()
{

document.getElementById("mitte"). innerHTML = '<span class="news" >Neue Webseite Online</span>' ;
document.getElementById("mitte"). innerHTML = '<span style="width: 70% ; display: block ; text-align:left;" >Vom 05.01.2005 um 19:53 <br>' ;
document.getElementById("mitte"). innerHTML = '<br>Nach langer Zeit ist meine HP wieder ON.</span>' ;
	                     }
	  
function show_comment2()
{

document.getElementById("mitte"). innerHTML = '<span class="news" >Neue Webseite Online</span>' ;
document.getElementById("mitte"). innerHTML = '<span style="width: 70% ; display: block ; text-align:left;" >Vom 05.01.2005 um 19:53 <br>' ;
document.getElementById("mitte"). innerHTML = '<br>Nach langer Zeit ist meine HP wieder ON.</span>TEST' ;

	                     }
//-->
</script>

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

BTW kommt mir ein großteil des Codes sehr bekannt vor, als wenn ich ihn selbst geschrieben hätte

(das mit dem "Acceskey: H" und so)

**dadie** · 12.01.2005 17:45

Klappt nuuuuuur funtz html in den Javascript gespeicherten daten nett

Naja werde noch ne Lösung finde aber erst mal

an ALLE hier

Zitat von getöteter_ork

BTW kommt mir ein großteil des Codes sehr bekannt vor, als wenn ich ihn selbst geschrieben hätte

(das mit dem "Acceskey: H" und so)

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

Thema: Javascript Variable durch Klicken auf einem Linke ändern

Themen-Optionen

Anzeige

Hybrid-Darstellung

Javascript Variable durch Klicken auf einem Linke ändern

Berechtigungen