Javascript problem :-(

- WebmasterWork »
- Grafik & Programmierung »
- (X)HTML & CSS & DHTML & Javascript »
- Javascript problem :-( »

jegi0605

Routinier

Dabei seit: 10.01.2011

Beiträge: 259

Mittwoch, 11. Mai 2011, 08:36

Hallo ,

Ich fange gerade an ein bischen Javascript zu lernen .
Ich hoffe mir kann einer bei meinem Problem weiterhelfen.

Ich habe ein kleines Bild auf meiner Webseite , wenn man mit der Maus drüberfährt (onmouseover) soll in einer neuen (Divbox) die noch leer ist , das Bild groß angezeigt werden. Zudem sollen aber noch Daten aus einer MySQL Datenbank dazu ausgelesen werden. (Name , Ort u.s.w )

Es gibt eine ID in der Datenbank die genau so heist wie das Bild wo man drüberfährt.
z.B

Bildname = hdg3hdggha3h1.jpg
DatenbankID = hdg3hdggha3h1

Ich habe es schonmal wie folgt ausprobiert

	Javascript-Quelltext
1 2 3 4 5 6	$(document).ready(function(){ $('img').mouseover(function() { $('#facecontainer').stop(); $('#facecontainer').fadeOut("slow").load('hoverface.php').fadeIn("slow"); }); });

Ich weiss jetzt nur nicht , wie man den Bildnamen auslesen kann , wenn man mit der Maus drüberfährt und diese Variable dann an die geladene PHP datei weitergeben kann.

??
DANKE
Gruß
Jens

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »jegi0605« (11. Mai 2011, 08:36)

jegi0605

Routinier

Dabei seit: 10.01.2011

Beiträge: 259

Mittwoch, 11. Mai 2011, 18:39

Hat sich erledigt , habe es irgendwie hinbekommen.

Gesendet von Windows Phone 7

nocturne

Kaiser

Dabei seit: 06.01.2005

Beiträge: 1 167

Mittwoch, 11. Mai 2011, 19:47

Hi,

events werden mit dem Handler registriert!

	Javascript-Quelltext
1	Event.observe('img','mouseover',function(event){Effect.FadeOut('img'):});

jegi0605

Routinier

Dabei seit: 10.01.2011

Beiträge: 259

Mittwoch, 11. Mai 2011, 21:40

Hi ,

Ich verstehe nicht was Du geschrieben hast

Ich habe das jetzt so gelöst.

Javascript-Quelltext

$(document).ready(function(){    
    
$('img').click(function() {
$('#facecontainer_text').stop();
var bildername = this.name;
$('#facecontainer_text').load("hoverface.php?bildid=" + bildername + "");
$('#facecontainer_text').fadeIn("fast");
});
});

Es funtioniert so , weiss nicht ob das so richtig ist. Aber wenn es funktioniert

Edit: Noch eine Frage

Das ist die Seite wo ich das eingebaut habe
http://jegi.eu/wf/faces.php

Dort sollen später mal ca. max 800 kleine Bilder drauf.
Wenn ihr in den Sourcecode schaut , baut er ja für jeden Tooltip eine Divbox.

Wie lang darf eine Webseite eigendlich sein ? Oder dauert das dann nur ewig mit dem laden der Seite ?
Ich würde das gern so machen , das der Tooltip erst bei Mouseover geladen wird , weiss aber nicht wie ?

Gruß
Jens

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »jegi0605« (11. Mai 2011, 21:40)

treo

Super Moderator

Dabei seit: 16.09.2002

Beiträge: 3 669

Donnerstag, 12. Mai 2011, 15:05

Zitat von »nocturne«
Hi,

events werden mit dem Handler registriert!
Javascript-Quelltext
1
Event.observe('img','mouseover',function(event){Effect.FadeOut('img'):});

Er scheint JQuery zu verwenden, welche Library du hier verwendest ist unklar. Jedenfalls ist es nicht wirklich hilfreich.

@jegi0605:
Wenn ich versuche die von dir gegebene URL aufzurufen bekomme ich nur "Diese Seite wurde gesperrt. Bitte wenden Sie sich an Ihren Provider.".

ihre DNS Analyse zeigt eine krankhafte Abneigung gegen jegliche Autorität und einen Charakter der zum Gewaltausbrechen neigt....

jegi0605

Routinier

Dabei seit: 10.01.2011

Beiträge: 259

Donnerstag, 12. Mai 2011, 18:11

Ja , das stimmt .

nimm diese hier , das hatte ich reingeschrieben damit ich nicht durcheinander komme

http://jegi.eu/wf/faces1.php

Deffcon

König

Dabei seit: 11.11.2010

Beiträge: 897

Donnerstag, 12. Mai 2011, 18:54

Wie lang eine Website sein darf ist denke ich nicht vorgeschrieben. Manche FTPs haben ne maximale Dateigröße, die wirst du aber nicht durch Quellcode erreichen, da sind die Bilder dann doch größer.

Deine Divs sind ja nur Text und ich denke dass du auch 800 Div-Tooltips machen kannst ohne Bedenken haben zu müssen.
Denn die Hintergrundgrafik wird ja auch nicht immer neu geladen.

Wenn es nicht geht wirst dus schon merken

MFG Simon