jQuery: 2 Divs übereinander?

JaffaCoder · 4. August 2011, 17:12

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.

Quellcode

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

Alles anzeigen

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

Danke

Helvete · 5. August 2011, 10:26

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

JaffaCoder · 5. August 2011, 11:18

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

Ist aber noch alles ziemlich seltsam gemacht

jaffacoder.ja.funpic.de/jQuery.html

Helvete · 5. August 2011, 11:37

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:

Quellcode

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

Alles anzeigen

Helvete · 5. August 2011, 11:40

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 · 5. August 2011, 11:45

Danke,
funktioniert aber nicht

Die Div verschwindet sofort ohne Fade out und kommt dann wieder

Helvete · 5. August 2011, 11:57

verssuchs nochmal so:

Quellcode

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

JaffaCoder · 5. August 2011, 12:03

Geht immer noch nicht

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

Helvete · 5. August 2011, 12:09

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 · 5. August 2011, 12:11

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

Helvete · 5. August 2011, 12:25

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

Quellcode

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

Alles anzeigen

JaffaCoder · 5. August 2011, 12:50

Danke, funktioniert :thumbsup:

Helvete · 5. August 2011, 12:54

Gerne doch

wird das ein Browser Game oder einfach nur ne normale Seite?

JaffaCoder · 5. August 2011, 13:04

Helvete schrieb:

Gerne doch

wird das ein Browser Game oder einfach nur ne normale Seite?

Wird ein Browsergame. Hab schon die php-Grundsteine für die Datenbanken. Wird über Stargate

Helvete · 5. August 2011, 13:13

Wenns soweit spielbar ist, kannst du das Projekt ja mal im offtopic vorstellen

JaffaCoder · 5. August 2011, 13:15

Helvete schrieb:

Wenns soweit spielbar ist, kannst du das Projekt ja mal im offtopic vorstellen

Okey, werd ich machen

Ich glaub sogar schon vorher, weil ich dann zum Ende hin noch ein oder zwei Leute brauch

jQuery: 2 Divs übereinander?

jQuery: 2 Divs übereinander?

Quellcode

Quellcode

Quellcode

Quellcode

Helvete schrieb:

Helvete schrieb:

Teilen

Benutzer online 1

Tags