Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag03.04.2007 um 13:13 (UTC)    
Titel: Text mit Aufklappfunktion

Hallo.

Weiß nich ob ich hier richtig bin und ob ihr ganz verteht was ich möchte, aber ich fang einfach mal an Very Happy

Stellen wir uns mal vor wir haben auf einer leeren HTML Seite das Wort AUTO zu stehen.
Nun möchte ich das man auf das Wort AUTO klicken kann und dadurch ein weiterer Text aufklappt.
Also in etwa:

AUTO -----> Klick ----->

AUTO
Details übers Auto
Baujahr
Kennzeichen
Farbe

Es sollte möglichst ohne Rahmen oder sonstige Sichtbare Dinge passieren. Einfach nur Text anklicken und dann die weiteren Infos sehen können.

Hoffe ihr habt es verstanden.
Ich sag jetzt schon mal Danke!!!
Beitrag03.04.2007 um 13:14 (UTC)    
Titel:

Beitrag03.04.2007 um 13:17 (UTC)    
Titel:

another-stupid-homepage hat Folgendes geschrieben:


Gibt es das vielleicht auch in einer einfacheren Variante? Ich hab noch nicht soviel Ahnung von Java... geht das nicht über ein kleines HTML Script?
Beitrag03.04.2007 um 13:21 (UTC)    
Titel:

Mir fällt keine wesentlich einfachere Variante ein. Kannst es ja erstmal probieren und wenn irgendwas nich klappt: schreib nochmal
______________
[img:a9fb93e092]http://another-stupid-homepage.de.tl/sig.png[/img:a9fb93e092]
Beitrag03.04.2007 um 13:42 (UTC)    
Titel:

another-stupid-homepage hat Folgendes geschrieben:
Mir fällt keine wesentlich einfachere Variante ein. Kannst es ja erstmal probieren und wenn irgendwas nich klappt: schreib nochmal


Ich hab es eingefügt. Beim ersten mal klappte es auch, nur leider kann ich die Seite jetzt nicht mehr bearbeiten. Ich kann weder etwas löschen, noch funktioniert der Quellcode Button.
Beitrag03.04.2007 um 13:51 (UTC)    
Titel:

Wo is das denn auf deiner Seite? (URL)
______________
[img:a9fb93e092]http://another-stupid-homepage.de.tl/sig.png[/img:a9fb93e092]
Beitrag03.04.2007 um 13:54 (UTC)    
Titel:

another-stupid-homepage hat Folgendes geschrieben:
Wo is das denn auf deiner Seite? (URL)


hab die Seite jetzt gelöscht und neu Erstellt. Hatte zum Glück den ganzen Quellcode schon mal rauskopiert Confused

Ich probiers jetz noch mal.

Seite wäre http://pkhstats.de.tl/Statistiken.htm
Beitrag03.04.2007 um 14:00 (UTC)    
Titel:

Gehtz nich. Sobald ich die Seite ein 2.Mal editieren will, kann ich nix mehr machen. Der Quellcode Button ist grau und ich kann rein gar nix mehr machen. Die Seite löschen ist das einzige was geht.
Beitrag03.04.2007 um 14:01 (UTC)    
Titel:

nimm den Code aus dem Tutorial und ersetze den letzten Teil (ab <ul id="containerul">) durch das folgende:
Code:
<ul id="containerul">
<li><u><font size="3">Seeex</font></u>
<ul>Angemeldet als: Seeex
<br>
NanoHive@Home; Spinhenge@home
<br>
Mitglied seit Mai 2005
<br>
ICQ Status folgt
<br>
KM schreiben: Link zum Forum folgt</ul>
<p>
</li>
<li><u><font size="3">Wizzard</font></u>
<ul>Angemeldet als: Seeex
<br>
Einstein@home; Spinhenge@home
<br>
Mitglied seit April 2005
<br>
ICQ Status folgt
<br>
KM schreiben: Link zum Forum folgt</ul>
<p>
</li>
<script type="text/javascript">
initiate(); // This must be placed immediately after the menu in order to format it properly.
</script>

vielleicht geht's dann.
Hab da doch eigentlich auch keine Ahnung von Embarassed
______________
[img:a9fb93e092]http://another-stupid-homepage.de.tl/sig.png[/img:a9fb93e092]


Zuletzt bearbeitet von another-stupid-homepage am 03.04.2007, 15:28, insgesamt 3-mal bearbeitet
Beitrag03.04.2007 um 14:07 (UTC)    
Titel:

Ergebnis: http://pkhstats.de.tl/TEST.htm

Aber ich kann die Seite nicht mehr Editieren. Keine Ahnug warum.
Beitrag03.04.2007 um 14:16 (UTC)    
Titel:

Bei mir geht es:
http://another-stupid-homepage.de.tl/Hallo.htm

Kann die Seite auch weiterhin bearbeiten.

Das is mein Quellcode:
Code:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /><style type="text/css">
 
<!--
#containerul, #containerul ul{
text-align:left;
margin:0; /* Removes browser default margins applied to the lists. */
padding:0; /* Removes browser default padding applied to the lists. */
}

#containerul li{
margin:0 0 0 30px; /* A left margin to indent the list items and give the menu a sense of structure. */
padding:0; /* Removes browser default padding applied to the list items. */
list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
float:left;
width:16px;
height:1em;
background-position:0 50%;
background-repeat:no-repeat;
}
--></style><script type="text/javascript">
<!--
var temp, temp2, cookieArray, cookieArray2, cookieCount;
function initiate(){
cookieCount=0;
if(document.cookie){
cookieArray=document.cookie.split(";");
cookieArray2=new Array();
for(i in cookieArray){
cookieArray2[cookieArray[i].split("=")[0].replace(/ /g,"")]=cookieArray[i].split("=")[1].replace(/ /g,"");
}
}
cookieArray=(document.cookie.indexOf("state=")>=0)?cookieArray2["state"].split(","):new Array();
temp=document.getElementById("containerul");
for(var o=0;o<temp.getElementsByTagName("li").length;o++){
if(temp.getElementsByTagName("li")[o].getElementsByTagName("ul").length>0){
temp2 = document.createElement("span");
temp2.className = "symbols";
temp2.style.backgroundImage = (cookieArray.length>0)?((cookieArray[cookieCount]=="true")?"url(http://img.webme.com/pic/m/motorocker89/minus2.gif)":"url(http://img.webme.com/pic/m/motorocker89/plus2.gif)"):"url(http://img.webme.com/pic/m/motorocker89/plus2.gif)";
temp2.onclick=function(){
showhide(this.parentNode);
writeCookie();
}
temp.getElementsByTagName("li")[o].insertBefore(temp2,temp.getElementsByTagName("li")[o].firstChild)
temp.getElementsByTagName("li")[o].getElementsByTagName("ul")[0].style.display = "none";
if(cookieArray[cookieCount]=="true"){
showhide(temp.getElementsByTagName("li")[o]);
}
cookieCount++;
}
else{
temp2 = document.createElement("span");
temp2.className = "symbols";
temp2.style.backgroundImage = "url(page.png)";
temp.getElementsByTagName("li")[o].insertBefore(temp2,temp.getElementsByTagName("li")[o].firstChild);
}
}
}

function showhide(el){
el.getElementsByTagName("ul")[0].style.display=(el.getElementsByTagName("ul")[0].style.display=="block")?"none":"block";
el.getElementsByTagName("span")[0].style.backgroundImage=(el.getElementsByTagName("ul")[0].style.display=="block")?"url(http://img.webme.com/pic/m/motorocker89/minus2.gif)":"url(http://img.webme.com/pic/m/motorocker89/plus2.gif)";
}

function writeCookie(){ // Runs through the menu and puts the "states" of each nested list into an array, the array is then joined together and assigned to a cookie.
cookieArray=new Array()
for(var q=0;q<temp.getElementsByTagName("li").length;q++){
if(temp.getElementsByTagName("li")[q].childNodes.length>0){
if(temp.getElementsByTagName("li")[q].childNodes[0].nodeName=="SPAN" && temp.getElementsByTagName("li")[q].getElementsByTagName("ul").length>0){
cookieArray[cookieArray.length]=(temp.getElementsByTagName("li")[q].getElementsByTagName("ul")[0].style.display=="block");
}
}
}
document.cookie="state="+cookieArray.join(",")+";expires="+new Date(new Date().getTime() + 365*24*60*60*1000).toGMTString();
}
//-->
</script>
<ul id="containerul">
<li><u><font size="3">Seeex</font></u>
<ul>Angemeldet als: Seeex
<br>
NanoHive@Home; Spinhenge@home
<br>
Mitglied seit Mai 2005
<br>
ICQ Status folgt
<br>
KM schreiben: Link zum Forum folgt</ul>
<p>
</li>
<li><u><font size="3">Wizzard</font></u>
<ul>Angemeldet als: Seeex
<br>
Einstein@home; Spinhenge@home
<br>
Mitglied seit April 2005
<br>
ICQ Status folgt
<br>
KM schreiben: Link zum Forum folgt</ul>
<p>
</li>
<script type="text/javascript">
initiate(); // This must be placed immediately after the menu in order to format it properly.
</script>
Beitrag03.04.2007 um 14:27 (UTC)    
Titel:

Dein Script funktioniert. Ich kann trotzdem die Seite kein 2.Mal bearbeiten.... Evil or Very Mad Ich werd hier noch verrückt mit dem Editor....
Beitrag03.04.2007 um 14:30 (UTC)    
Titel:

Dann weiß ich auch nich weiter. Sorry. Rolling Eyes
Bei mir geht's.
______________
[img:a9fb93e092]http://another-stupid-homepage.de.tl/sig.png[/img:a9fb93e092]
Beitrag03.04.2007 um 14:32 (UTC)    
Titel:

Mit dem IE kann ich es bearbeiten nur mit dem Firefox gehts nich Question Wie kann das sein???

Hier keiner der sich das erklären kann??
Beitrag03.04.2007 um 14:40 (UTC)    
Titel:

Stimmt. Mit Firefox krieg ich's auch nich hin. Seeeeeeeehr mysteriös.
______________
[img:a9fb93e092]http://another-stupid-homepage.de.tl/sig.png[/img:a9fb93e092]
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de