Autor |
Nachricht |
gerch2003
Threadersteller
Dabei seit: 07.07.2008
Ort: -
Alter: 63
Geschlecht:
|
Verfasst Mo 10.11.2008 08:30
Titel text mit javascript bei klick einblenden |
|
|
also...ich hab des ganze ez mit javascript gelöst des mir bei klick die ebenen einblendet und bei klick wieder ausblendet....des problem is aber dass ja der user wenn er auf kontakt geklickt hat nich nochmal auf kontakt klickt bevor er auf was anderes klickt...folglich klickt er auf konakt und danach direkt auf was anderes...wodurch ich dann auf einmal zwei divs auf der seite hab und es mir das ganze design verschiebt...
was ich nämlich eigentlich will is dass wenn es eine div anzeigt und der user auf ne andere klickt die erste div verschwindet und die zweite dort erscheint...
ich zeig dir mal, was ich bisher hab
Code: |
<script language="JavaScript" type="text/javascript">
<!--
function einblenden(div) {
with(document.getElementById(div).style){
if(display=="none"){
display="inline";
}
else{
display="none";
}
}
}
//-->
</script>
|
und dann der link
Code: |
<a href="#" onClick="einblenden('start'); return false;">klick</a>
|
ich denk die div erklärt sich von selbst. heist natürlich <div id="start" style="display:none">...</div>
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mo 10.11.2008 09:52
Titel
|
|
|
javascript ist durchaus in der lage, sich variblen zu merken. das solltest du dir zu nutzen machen:
Code: |
<script language="JavaScript" type="text/javascript">
<!--
var aktivesDiv = "none";
function einblenden(div) {
with(document.getElementById(div).style){
if(display=="none"){
display="inline";
if (aktivesDiv!="none") document.getElementById(aktivesDiv).style.display="none";
aktivesDiv = div;
}
else{
display="none";
}
}
}
//-->
</script>
|
Code: |
<a href="#" onClick="einblenden('start'); return false;">klick</a>
<a href="#" onClick="einblenden('nochwas'); return false;">klick</a>
<a href="#" onClick="einblenden('nochmehr'); return false;">klick</a>
<div id="start" style="display:none">Start</div>
<div id="nochwas" style="display:none">nochwas</div>
<div id="nochmehr" style="display:none">nochmehr</div>
|
|
|
|
|
|
Anzeige
|
|
|
gerch2003
Threadersteller
Dabei seit: 07.07.2008
Ort: -
Alter: 63
Geschlecht:
|
Verfasst Mo 10.11.2008 09:59
Titel
|
|
|
wunderbar es funktioniert. Danke schonmal...!
was ich jetzt nur noch gern hätte, dass es mir von anfang an die start-div anzeigt und diese dann aber trotzdem bei zb klick auf konakt verschwindet
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mo 10.11.2008 10:08
Titel
|
|
|
boah, keule... dann überleg doch mal.... was mag das wohl bedeuten...
Code: |
var aktivesDiv = "none";
|
Code: |
<div id="start" style="display:none">Start</div>
|
... und was du daran ändern musst, damit du was alleine erreichst....
|
|
|
|
|
gerch2003
Threadersteller
Dabei seit: 07.07.2008
Ort: -
Alter: 63
Geschlecht:
|
Verfasst Mo 10.11.2008 10:24
Titel
|
|
|
naja mit [code]<div id="start" style="display:visible">start</div> hab ichs schon versucht, da zeigts mir dann zwar die ebene von anfang an an, aber die ebene verschwindet bei klick auf nen anderen link nicht.
außerdem funktioniert die lightbox , die ich aus der <div id="leistungen"> aufrufe nicht...es zeigt mir nur die bilder auf ner leeren seite an.
[code]<a rel="lightbox[fuehrung]" href="images/leistungen/stadt.jpg">Gästeführung mit Ihrem Bus z.B.: Dresden Stadt,</a>[/code]
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Mo 10.11.2008 10:29
Titel
|
|
|
gerch2003 hat geschrieben: | naja mit [code]<div id="start" style="display:visible">start</div> hab ichs schon versucht, da zeigts mir dann zwar die ebene von anfang an an, aber die ebene verschwindet bei klick auf nen anderen link nicht.
|
so, eins nach dem anderen.... ich erkenne nun, dass der anfängliche code mit sicherheit nicht von dir ist, da du scheinbar nicht weißt, was der genau macht...
1. du arbeitest im script mit "inline" und "none". warum nun "visible"?? entscheide dich.
2. warum wird das div mit der id start, was am anfang eingeblendet ist, nicht beim klick ausgeblendet??? zum einen, weil DEIN script die eigenschaft "inline" abfragt (siehe 1) und du zum anderen meine variable aktivesDiv schneinbar nicht verändert hast...
|
|
|
|
|
gerch2003
Threadersteller
Dabei seit: 07.07.2008
Ort: -
Alter: 63
Geschlecht:
|
Verfasst Mo 10.11.2008 11:03
Titel
|
|
|
also ich hab mich ez maln bischen in die grundlagen reingelesen, hast erreicht, was du wolltest
ich hab jetzt die start div auf inline gesetzt und die var aktivesDiv hab ich anstatt none start genommen.
aber hast du auch noch ne lösung für die lightbox?..weist du warum die nicht funktioniert?
Code: | <div id="leistungen" style="display:none; width:100%; height:100%; overflow:scroll;">
<div class="abstand_iframe">
<div class="scrollbereich">
<p><h1>Leistungen</h1></p>
<ul style="list-style-image:url(images/pfeil.gif);line-height:22px;">
<li>Incoming Service</li>
<li><a rel="lightbox[fuehrung]" href="images/leistungen/stadt.jpg">Gästeführung mit Ihrem Bus z.B.: Dresden Stadt,</a><a href="images/leistungen/zwinger.jpg" rel="lightbox[fuehrung]"> Rundfahrt / Rundgang , Dauer 3 Std. Preis ab 70,-- €.</a>
</li>
</ul>
</div>
</div>
</div> |
|
|
|
|
|
gerch2003
Threadersteller
Dabei seit: 07.07.2008
Ort: -
Alter: 63
Geschlecht:
|
Verfasst Mo 10.11.2008 11:06
Titel
|
|
|
gerch2003 hat geschrieben: | also ich hab mich ez maln bischen in die grundlagen reingelesen, hast erreicht, was du wolltest
ich hab jetzt die start div auf inline gesetzt und die var aktivesDiv hab ich anstatt none start genommen.
Code: | .....="images/leistungen/zwinger.jpg" rel="lightbox[fuehrung]"> Rundfahrt / Rundgang , Dauer 3 Std. Preis ab 70,-- €.</a>
</li>
</ul>
</div>
</div>
</div> |
|
Ok ich hab den Fehler gefunden..würde ganz spontan mal sagen ich bin so gut wie fertig
Danke dir!!!
|
|
|
|
|
|
|
|
Ähnliche Themen |
div layer bei klick aus/einblenden?!
Bei Klick DIV einblenden / über das andere DIV legen
Webdesign | Einblenden von Frames mit Javascript o.ä.?
Javascript:Frame aktualisieren u. Div einblenden
[JavaScript] Einblenden eines DIV-Layers
Css Layer per JavaScript/PHP nach 15 Sekunden einblenden
|
|