Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag30.12.2011 um 13:02 (UTC)    
Titel: Versteckter Text wird durch Klick sichtbar

Hallo, gibt es vl. einen Javascript bei dem durch Klick auf ein Bild ein darunter etwas erscheint beispielsweise ein Text. Wenn man erneut auf dieses Bild hinaufklickt soll dieser Text aber wieder verschwinden. Ich hofft ihr versteht was ich meine.

Das Bild auf das geklickt werden muss sieht bei mir so aus
http://img.webme.com/pic/a/admira-fans/abstandhalter.png

Mit freundlichen Grüßen
admira-fans.at
______________
Beitrag30.12.2011 um 13:50 (UTC)    
Titel:

Och man. Nach deinem letzten Thread, dachte ich du hast es endlich kapiert. Ich helfe dir dort auch nur, weil ich merke, dass du dich selbst bemühst.

Wenn du jemanden oder etwas suchst, dann gehört das nach ich suche wo ich den Thread jetzt auch hinverschiebe. In dem Fall dürfte dir aber auch die Sufu weiterhelfen, ich selbst habe bestimmt schon 5 mal sowas in der Art hier gepostet.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag30.12.2011 um 14:10 (UTC)    
Titel:

Hier ein passendes Tutorial (und auch nur, weil ich es sowieso bei mir gespeichert habe Wink):
http://www.homepage-baukasten.de/forum/viewtopic.php?t=31745

mfg Philipp
______________
Forenregeln, FAQ, Suchfunktion
Beitrag30.12.2011 um 14:35 (UTC)    
Titel:

Danke Philipp für deine Antwort, dass ist annähernd das was ich möchte. Es sollte nämlich nur das Bild dort sein kein Text oder so daneben und dann beim Klick auf dieses Bild soll der Text erscheinen. Ca. so (das ist jetzt ohne diese Funktion.

Vorher:
http://www.admira-fans.at/Titel-der-neuen-Seidte.htm

Nach dem Klick:
http://www.admira-fans.at/Titel-der-neuen-Seidt.htm

Nach erneutem Klick:
http://www.admira-fans.at/Titel-der-neuen-Seidte.htm

Mit freundlichen Grüßen
admira-fans.at
______________
Beitrag30.12.2011 um 14:46 (UTC)    
Titel:

Dann füg dort doch einfach ein Leerzeichen ein, oder gar nichts!
______________
Forenregeln, FAQ, Suchfunktion
Beitrag30.12.2011 um 14:53 (UTC)    
Titel:

Danke für die Antwort! Wo soll ich ein Leerzeichen einsetzten?

Im Moment sieht es so aus:

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:650px;
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/a/admira-fans/abstandhalter.png)":"url(http://img.webme.com/pic/a/admira-fans/abstandhalter.png)"):"url(http://img.webme.com/pic/a/admira-fans/abstandhalter.png)";
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/a/admira-fans/abstandhalter.png)":"url(http://img.webme.com/pic/a/admira-fans/abstandhalter.png)";
}

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">Titel Thema 1</font></u>
<ul>Text 1</ul>
<p>
</li>
<script type="text/javascript">
initiate();    // This must be placed immediately after the menu in order to format it properly.
</script>


Dort wo ich 16px steht hab ich 650px eingefügt, weil mein Bild so breit ist, und anstatt Plus und Minus habe ich überall das gleiche eingefügt.

Mit freundlichen Grüßen
admira-fans.at
______________
Beitrag30.12.2011 um 14:58 (UTC)    
Titel:

Du kannst folgende Ausschnitt herauslöschen:
Code:
<u><font size="3">Titel Thema 1</font></u>


mfg Philipp
______________
Forenregeln, FAQ, Suchfunktion
Beitrag31.12.2011 um 16:30 (UTC)    
Titel:

Okay, dann sieht es so aus:

http://www.admira-fans.at/Titel-der-neuen-Seite.htm

Also irgendwie erscheint dieses Bild nicht!

Mit freundlichen Grüßen
admira-fans.at
______________
Beitrag01.01.2012 um 19:51 (UTC)    
Titel:

Hallo ich habe jetzt herausgefunden warum es nicht geht, weil bei mir werden die Bilder nicht angezeigt auch nicht die Plus und Minus.

Mfg admira-fans.at
______________
Beiträge der letzten Zeit anzeigen:   


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