Expand macht Probleme

B

ba-c

Mitglied
Moin moin,

da ich grade an v2 meiner neuen Seite arbeite kommen in letzter Zeit viele Probleme auf mich zu... Erst ist es mein Archiv und nun ist es das "Expand" bei den Tutorials..

Mein Code:
Code: 
<script type="text/javascript">
var last = '';
var stat = 0;
function toggle(id){
//1:
if(stat==0){
document.getElementById(id).style.display = 'block';
stat = 1;
last = id;
}else if((stat==1)&&(last==id)){
document.getElementById(last).style.display = 'none';
stat = 0;
last = id;
}else{
document.getElementById(last).style.display = 'none';
document.getElementById(id).style.display = 'block';
stat = 1;
last = id;
}
document.tut.stat.value = stat;
document.tut.Id.value = id;
document.tut.last.value = last;
}
</script>

Angezeigt werden soll das Tutorial im Expand..
Tutorial 1:
Code: 
 <div style="display:none;" id="tut1">Das 1. Tutorial<div>

Tutorial 2:
Code: 
 <div style="display:none;" id="tut2">Das 2. Tutorial<div>

Es aber nicht richtig, also es geht nicht auf..
Kennt sich wer damit aus und hat den Fehler evtl. schon gefunden?
Ich hab jetzt bestimmt schon ne Stunde alles durchsucht und probiert.

Danke schonmal im voraus... Ari
 
mich wundert, dass du im zweig }else if() { ...}
last=id setzt und nicht last = ''
wenn ich nicht irre sind doch dann alle geschlossen (dürfte zwar nichts ändern aber naja)
ansonsten seh ich keinen fehler
flooo
 
Also, ich hab das Script als ganzes. Ich habs also nicht selbst geschrieben.
Ich habs wohl durchsucht, aber irgendwie find ich nichts. Ich hab einmal das Script als html Seite und da nur mit einfachem Beispiel.

Sprich:

(klicken)
[TEXT TEXT TEXT]

(klicken)
[TEXT TEXT TEXT]


Und das geht, aber ich hab es dann in die php getan und da geht es nicht. Liegt es an der php? Ich bin wie gesagt mit php und Co nicht wirklich vertraut. Ich arbeite mich gerade so "rein".. :/

Also hier mal die PHP wie ich sie bei mir liegen habe:

Code: 
<script type="text/javascript">
var last = '';
var stat = 0;
function toggle(id){
//1:
if(stat==0){
document.getElementById(id).style.display = 'block';
stat = 1;
last = id;
}else if((stat==1)&&(last==id)){
document.getElementById(last).style.display = 'none';
stat = 0;
last = id;
}else{
document.getElementById(last).style.display = 'none';
document.getElementById(id).style.display = 'block';
stat = 1;
last = id;
}
document.tut.stat.value = stat;
document.tut.Id.value = id;
document.tut.last.value = last;
}
</script>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr> 
<td width="100%" bgcolor="#B82929" height="10"><font size="1" face="Verdana" color="#FFFFFF">Alle 
Tutorials sind von mir selbst und nicht kopiert oder &Auml;hnliches! Wenn du eines 
meiner Tutorials auf deiner Seite verlinken m&ouml;chtest, dann tu dies bitte 
nur auf die Hauptseite. Falls du ein Tutorial von mir zu deinen hinzuf&uuml;gen 
willst, musst du einen <b>gut sichtbaren</b> und <b>eindeutigen Hinweis</b> darauf 
geben, dass dieses Tutorial von mir stammt. Dazu melde dich einfach via eMail 
bei mir unter &quot;Kontakt&quot;.</font></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr> 
<td width="100%" bgcolor="#ffffff" onMouseOver="this.bgColor='#DEDEDE'; this.style.cursor='hand';" onMouseOut="this.bgColor='#FFFFFF';" height="10"><font size="1" face="Verdana">&nbsp;<a href="#" onClick="toggle('tut1')">Abstraktes</a></font></td>
<div style="display:none;" id="tut1">
<FONT face=Verdana size=1>Tutorial: abstraktes<BR><BR>Dies ist ein Tutorial, 
für einen abstrakten Hintergrund. Hier zeige ich euch, wie ihr einen Hintergrund 
für euren Desktop oder für einen Banner machen könnt.<BR><BR><BR>Als erstes 
erstellen wir ein neues Bild, ich habe die Maße 500*500 
genommen.<BR><BR>Anschließend nehmen wir das Gradient-Tool (Verlaufs-Tool) mit 
folgenden Einstellungen:<BR><BR><IMG height=32 src="tutorials/tut1/gradient.jpg" 
width=700><BR><BR>Nun klicken wir wie wild auf dem Bild rum, bis wir etwas 
haben, dass ungefähr so aussieht:<BR><BR><IMG height=500 
src="tutorials/tut1/bild1.jpg" width=500><BR><BR>Jetzt kopieren und dann auf dieser 
Eben folgenden "Filter" anwenden: stylize -&gt; find edges<BR>Das Licht für die 
Ebene auf "soft Light" ändern und die Deckkraft auf 50% stellen.<BR>Beide Ebenen 
zusammenfügen [Strg + E] und eine neue Ebene erstellen.<BR>Nun auf der neuen 
Ebene folgende "Filter" anwenden: render -&gt; clouds und anschließend den 
filter: render -&gt; difference clouds<BR>Unter "Image" auf: adjustments -&gt; 
auto contrast.<BR>Bei dieser Ebene das Licht auf "vivid Light" stellen und die 
Deckkraft wieder auf 50% stellen.<BR>Beide Ebenen zusammenfügen [Strg + 
E].<BR><BR>Nun sollte es ungefähr so aussehen:<BR><BR><IMG height=500 
src="tutorials/tut1/bild2.jpg" width=500><BR><BR>Nun machen wir unter "Image" 
folgendes: adjustments -&gt; Color Balance [Strg + B]<BR>Vergesst nicht rechts 
"färben" anzuklicken!<BR>Jetzt diese Ebene kopieren und unter FIlter folgendes 
einstellen: distort -&gt; wave (Standard-Settings)<BR>Dann auf dieser Ebene das 
Licht auf "Lighten" stellen und wieder zusammenfügen [Strg + E].<BR><BR>Die 
Ebene wieder kopieren und unter Filter folgendes: blur -&gt; radial blur mit 
folgenden Einstellungen:<BR><BR><I>70<BR>Zoom<BR>Best</I><BR><BR>Ebenen Licht 
auf "Lighten" stellen und wieder eine neue Ebene erstellen.<BR>Dort unter Filter 
folgendes: render -&gt; clouds und render -&gt; difference clouds<BR>Nun unter 
"Image" auf: adjustments -&gt; Auto Contrast [Alt + Shift + Strg + 
L].<BR><BR>Nun nochmal unter "Filter": blur -&gt; radial blur auf 
70/Zoom/Best.<BR><BR>Das Licht der Ebene auf "vivid Light" stellen und die 
Deckkraft auf 25%.<BR><BR>Fertig.<BR><BR>Mein Ergebnis:<BR><BR><IMG height=500 
src="tutorials/tut1/bloody-adventure.jpg" width=500></FONT> </div>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr> 
<td width="100%" bgcolor="#ffffff" onMouseOver="this.bgColor='#DEDEDE'; this.style.cursor='hand';" onMouseOut="this.bgColor='#FFFFFF';" height="10"><font size="1" face="Verdana">&nbsp;<a href="#" onClick="toggle('tut2')">soon</a></font></td>
<div style="display:none;" id="tut2">
<font face=Verdana size=1>Tutorial: abstraktes<br>
<br>
Dies ist ein Tutorial, für einen abstrakten Hintergrund. Hier zeige ich euch, 
wie ihr einen Hintergrund für euren Desktop oder für einen Banner machen könnt.<br>
<br>
<br>
Als erstes erstellen wir ein neues Bild, ich habe die Maße 500*500 genommen.<br>
<br>
Anschließend nehmen wir das Gradient-Tool (Verlaufs-Tool) mit folgenden Einstellungen:<br>
<br>
<img height=32 src="tutorials/tut1/gradient.jpg" 
width=700><br>
<br>
Nun klicken wir wie wild auf dem Bild rum, bis wir etwas haben, dass ungefähr 
so aussieht:<br>
<br>
<img height=500 
src="tutorials/tut1/bild1.jpg" width=500><br>
<br>
Jetzt kopieren und dann auf dieser Eben folgenden "Filter" anwenden: stylize -&gt; 
find edges<br>
Das Licht für die Ebene auf "soft Light" ändern und die Deckkraft auf 50% stellen.<br>
Beide Ebenen zusammenfügen [Strg + E] und eine neue Ebene erstellen.<br>
Nun auf der neuen Ebene folgende "Filter" anwenden: render -&gt; clouds und anschließend 
den filter: render -&gt; difference clouds<br>
Unter "Image" auf: adjustments -&gt; auto contrast.<br>
Bei dieser Ebene das Licht auf "vivid Light" stellen und die Deckkraft wieder 
auf 50% stellen.<br>
Beide Ebenen zusammenfügen [Strg + E].<br>
<br>
Nun sollte es ungefähr so aussehen:<br>
<br>
<img height=500 
src="tutorials/tut1/bild2.jpg" width=500><br>
<br>
Nun machen wir unter "Image" folgendes: adjustments -&gt; Color Balance [Strg 
+ B]<br>
Vergesst nicht rechts "färben" anzuklicken!<br>
Jetzt diese Ebene kopieren und unter FIlter folgendes einstellen: distort -&gt; 
wave (Standard-Settings)<br>
Dann auf dieser Ebene das Licht auf "Lighten" stellen und wieder zusammenfügen 
[Strg + E].<br>
<br>
Die Ebene wieder kopieren und unter Filter folgendes: blur -&gt; radial blur mit 
folgenden Einstellungen:<br>
<br>
<i>70<br>
Zoom<br>
Best</i><br>
<br>
Ebenen Licht auf "Lighten" stellen und wieder eine neue Ebene erstellen.<br>
Dort unter Filter folgendes: render -&gt; clouds und render -&gt; difference clouds<br>
Nun unter "Image" auf: adjustments -&gt; Auto Contrast [Alt + Shift + Strg + L].<br>
<br>
Nun nochmal unter "Filter": blur -&gt; radial blur auf 70/Zoom/Best.<br>
<br>
Das Licht der Ebene auf "vivid Light" stellen und die Deckkraft auf 25%.<br>
<br>
Fertig.<br>
<br>
Mein Ergebnis:<br>
<br>
<img height=500 
src="tutorials/tut1/bloody-adventure.jpg" width=500></font></div>
</tr>
</table>
 
Zuletzt bearbeitet:
Hi,

dein DIV für die Tutorial-Texte steht im "tabellarischen Niemandsland".

HTML: 
<tr>
  <td><a href="" onclick="">toggle</a></td>
  <div>Tutorial-Text</div>
</tr>

Wenn du den DIV-Container mit in die Tabellenzelle bringst, sollte das ganze funktionieren.
HTML: 
<tr>
  <td width="100%" bgcolor="#ffffff" onMouseOver="this.bgColor='#DEDEDE'; this.style.cursor='hand';" onMouseOut="this.bgColor='#FFFFFF';" height="10">
    <font size="1" face="Verdana">&nbsp;<a href="#" onClick="toggle('tut1')">Abstraktes</a></font>
    <div style="display:none;" id="tut1">
      Tutorials-Text
    </div>
  </td>
</tr>
Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück