PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Javascript Variable durch Klicken auf einem Linke ändern


dadie
07.01.2005, 19:59
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
dead_orc
08.01.2005, 08:13
Entweder so

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

<a href="#" onclick="javascript: variable = 'wert';">Linktext</a>
Tomarus
08.01.2005, 18:49
Entweder so

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

<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, 20:10
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:
Latency
08.01.2005, 20:16
Ich bin mal so frei und kopiere ein wenig JS Code von mir:

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.

<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, 13:10
Also ich habe nun lange herumprobiert es klappt keine Frage aber nett so ganz :confused:

Ich habe folgenden Code (achtung gross)



<!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 :confused:
Latency
12.01.2005, 18: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, 18:30
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/smilies/old/s_009.gif

ich Zitiere :


<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>
dead_orc
12.01.2005, 18: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:

<!-- ... -->
<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 :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)
dadie
12.01.2005, 18:45
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/smilies/old/sm_12.gif an ALLE hier :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)

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