jQuery: 2 Divs übereinander?

JaffaCoder

Professional

Posts: 211

Thursday, August 4th 2011, 5:12pm

jQuery: 2 Divs übereinander?

Hallo,
ich hab gestern angefangen etwas in jQuery reinzuschnuppern, weil ich das jetzt brauch

Mein Problem ist, dass ich bei dem Klick auf Gesamt box ein Fenster öffnen will, soweit kein Problem. Aber wenn ich dann auf dieses neue Fenster klick, soll es verschwinden. Jetzt öffnet das Fenster sich wieder, nachdem es geschlossen wurde.

JavaScript Code

<script type="text/javascript">
   	$(function() {
       	$('#desktop').click(function() 
       	{
           	$('#infofenster').show('1000');
       	});
       	$('#infofenster').click(function() 
        	{
           	$('#infofenster').fadeOut(500);
       	});
   	});
  </script>

Heißt dieses Infofenster liegt in der Desktopbox. Wie mach ich das jettzt, ohne dass sich die Box wieder öffnet?

Danke

Helvete

Intermediate

Posts: 118

Friday, August 5th 2011, 10:26am

Hast du einen Link wo man das mal sieht oder nen html Code wie der aufbau aussieht?

JaffaCoder

Professional

Posts: 211

Friday, August 5th 2011, 11:18am

Jup, musst aber im Quelltext einiges auskommentieren, weil ich seit gestern einiges geändert hab

Ist aber noch alles ziemlich seltsam gemacht

http://jaffacoder.ja.funpic.de/jQuery.html

Helvete

Intermediate

Posts: 118

Friday, August 5th 2011, 11:37am

Das Problem ist das, dass .show() in der ersten funktion dir ein Display:block als element style in den <div des infofensters reinsetzt.

Aber der FadeOut sollte zwar Display:none wieder setzt aber scheint das in diesem fall wohl nicht zu tun.

Teste mal ob das hier Funktioniert:

JavaScript Code

<script type="text/javascript">
   	$(function() {
       	$('#desktop').click(function() 
       	{
           	$('#infofenster').show('1000');
       	});
       	$('#infofenster').click(function() 
        	{
           	$('#infofenster').fadeOut(500);		$('#infofenster').css('display','none');
       	});
   	});
  </script>

Helvete

Intermediate

Posts: 118

Friday, August 5th 2011, 11:40am

Natürlich nich wie es da oben geschrieben ist : /

sorry wegen doppel post aber das Forum hasst mich heute -.- Edit geht net und die syntax dinger gehen auch net richtig -.-

JaffaCoder

Professional

Posts: 211

Friday, August 5th 2011, 11:45am

Danke,
funktioniert aber nicht

Die Div verschwindet sofort ohne Fade out und kommt dann wieder

Helvete

Intermediate

Posts: 118

Friday, August 5th 2011, 11:57am

verssuchs nochmal so:

JavaScript Code

$('#infofenster').click(function() 
        	{
           	$('#infofenster').fadeOut(500, function() {			$(this).css('display','none');		});
       	});
   	});

JaffaCoder

Professional

Posts: 211

Friday, August 5th 2011, 12:03pm

Geht immer noch nicht

Kann es villeicht an der Transparens der Box liegen?! Is das einzige, was mir noch einfällt

Helvete

Intermediate

Posts: 118

Friday, August 5th 2011, 12:09pm

Ne, das problem ist ehr das wenn du auf den Kasten Klickst (also das er verschwinden soll) klickst du ja gleichzeitig wieder auf das Desktop div womit das teil halt wieder erscheint

Mal überlegen wie man das umgehen kann.

JaffaCoder

Professional

Posts: 211

Friday, August 5th 2011, 12:11pm

Boxen kapseln geht nicht, oder? Hab jetzt mal mit ein paar CSS-Elemten ausprobiert, geht aber alles nicht...

Helvete

Intermediate

Posts: 118

Friday, August 5th 2011, 12:25pm

habe das jetzt so gemacht, versuch das mal, bei mir hats geklappt

JavaScript Code

var kasten = false;
$(function() { 
$('#desktop').click(function() {
if(kasten)
{
$('#infofenster').fadeOut(500);
kasten = false;
}
else
{
$('#infofenster').show('1000');
kasten = true;
}
}); 
});