"Klapp auf"

[Hubi]

Sehr geehrte Nutzer von HTML.de

Ich würde gerne meine Link us Seite so schreiben, dass die Besucher nicht durch langes Scrollen durch "Einbinde Codes" der Banner daran gehindert werden, die eigentlichen, schönen Werbemittel zu sehen.

Jetzt stellt sich mir die Frage, ob es bzw. wie es möglich ist einen Code nur bei "Klick" auf ein Kreuzchen anzeigen zu lassen.

United TeamSpeak Network v5 Premium*** • Free TeamSpeak Sponsoring Community • Non-Profit Organization das wäre ein Beispiel.

Habt ihr denn eine Idee?
Ich danke euch vielmals und wünsche einen schönen Feiertag!

Euer Hubi

 

[threadi]

Die Frage wurde schon öfter gestellt und gehört zum Thema JavaScript. Siehe:

http://www.html.de/javascript-ajax-und-dhtml/25862-ausklapptext.html
http://www.html.de/html-und-xhtml/18621-aufklappbarer-rahmen.html
http://www.html.de/javascript-ajax-und-dhtml/14955-aufklappendes-men-mit-grafiken.html
...

 

[dasch]

easygoing:
Einbinden im headbereich deines HTML Dokumentes:

<script type="text/javascript">
function blenden(id){
div = document.getElementById(id);
if(div.style.display == 'none'){
div.style.display = '';
}else{
div.style.display = 'none';
}
</script>

Das mit den Bildern sieht dann so aus:

<div id="div1" style="display:none;"><textarea></textarea></div>

die id muss bei jedem banner aber anders sein...
Und zu letzt noch der Link zum Ein bzw ausblenden:

<a onclick="blenden('div1');">Code</a>

das div1 im code muss genau so sein wie oben die id genannt wurde.
Heißt: jeder link hat eine andere id da stehen nämlich die id der div welche eingeblendet werden soll...

Hoffe ich konnte dir helfen ;)

 

[Hubi]

Hallo Dasch! Vielen dank für deine Antwort!

Ich bekomme es aber leider nicht wie gewünscht hin....

<table class="standard" cellspacing="1" cellpadding="3" width="100%">
<tr>
<td class="standard" align="center" colspan="2"><div id="div1" style="display:none;"><img src="http://teamspeak-network.de/content/img/468x60.gif" alt="teamspeak-network.de - official teamspeak sponsoring" width="468" height="60" border="0" /></div></td>
</tr>
<tr>
<center>Quelltext <b>HTML</b></center>
<a onclick="blenden('div1');"><textarea rows="2" cols="60" readonly><a href="http://teamspeak-network.de" target="_blank"><img src="http://teamspeak-network.de/content/img/468x60.gif" alt="teamspeak-network.de - official teamspeak sponsoring" title="http://teamspeak-network.de" width="468" height="60" border="0"></a></textarea></div></div>
</tr>
<tr>
<td class="left" width="20%" align="left">Quelltext <b>XHTML</b></td>
<td class="right" width="80%" align="left"><textarea rows="2" cols="60" readonly><a href="http://teamspeak-network.de"><img src="http://teamspeak-network.de/content/img/468x60.gif" alt="teamspeak-network.de - official teamspeak sponsoring" title="http://teamspeak-network.de" width="468" height="60" border="0" /></a></textarea></td>
</tr>
<tr>
<td class="left" width="20%" align="left"><b>BB-Code</b></td>
<td class="right" width="80%" align="left"><textarea rows="2" cols="60" readonly>[URL=http://teamspeak-network.de][IMG]http://teamspeak-network.de/content/img/468x60.gif[/IMG][/URL]</textarea></td>

</tr>
</table><br />

 

[dasch]

Du hast meinen Beitrag nicht mal richtig gelesen :(
1.ich sehe nichts bei dir im headbereich wo ist es?
2.wo ist der div code?`ich seh ihn nicht?
3. Nicht mal den Hyperlink hast du auf die Reihe bkommen ?

Ich hab oben doch alles genau beschrieben, du solltest es einfach nach unten einfügen aber du hast es nicht les dir meinen obrigen code nochmal durchund füge keine teaxtarea in einen a tag ein, dann klappt das auch mal...

 

[Efchen]

Es gibt immer noch Leute, die wie vor 15 Jahren arbeiten, Tabellen zu Layoutzwecken missbrauchen, HTML-Attribute für die Darstellung verwenden und deprecated Tags in den Code streuen.

Schlimm wirds aber, wenn solche Leute nichtmal wissen, dass sie mit ihrem Code 15 Jahre hinter der Zeit sind und glauben, dass ihr Kuddeelmuddel gut ist und überall funktioniert.