jQuery inbox probleem

Door Dylan Krijger op 25-03-2011 19:21 gewijzigd op 25-03-2011 19:22

2.195 views

Hallo iedereen,

Ik ben me eigen nu aan het verdiepen in jQuery en ben tegen een probleem aangelopen.
Een maat vroeg of ik iets wou bouwen voor een Prive-berichten script.

Het probleem is namelijk zo;


<div id="message" style="background: '.$color.'">
<p class="Afzender"> </p>
<p class="Onderwerp"> </p>
<p class="datum/tijd"> </p>
<p class="repdel"> </p>
</div>

Als ik de volgende code gebruik (jQuery)


$(document).ready(function() {

	$(".repdel").fadeTo("fast", 0.0);
		$(".repdel").hover(function() {
			
			$(this).fadeTo("fast", 1.0);
		},function(){
			$(this).fadeTo("fast", 0.0);
		});
		
	
});

Dan pakt hij hem alleen als ik over de class van de icoontjes ga (repdel) en deze pakt hij per bericht.

Het eindproduct is dat als je over de gehele message "div" gaat dat dan ook de icoontjes naar voren komen, Wat is hier de oplossing voor.

Ik wil graag het liefst een uitleg i.p.v. een code zodat ik het kan leren.

Met vriendelijke groet,
Dylan

PS: In de HTML code heb ik de fieldnames veranderd, en de inhoud eruit gehaald.

Wouter J

25-03-2011 23:21

In plaats van .repel te selecteren kun je dan #message selecteren (de hele div).

Een goede tutorial om jQuery te leren is jQuery for Absolute beginners van in the woods, google er maar eens op.

Onbekende gebruiker

25-03-2011 23:26

Sowieso is het net zoals bij css goed als je gewoon de hele 'path' opgeeft.

Dylan Krijger

25-03-2011 23:40

Dat heb ik al geprobeerd om de gehele div te selecteren, wat hij dan doet is dat als er meerdere berichten (2 of meer) dan selecteert hij alle div's.
Dat is dus ook de reden dat ik hier naar raad vraag, en excuses als ik dat niet in de mainpost heb gezet.

Mvg, dylan

Onbekende gebruiker

25-03-2011 23:43

http://api.jquery.com/each/

Dylan Krijger

25-03-2011 23:50 gewijzigd op 26-03-2011 15:28

Dankjewel karl, zal het morgen even toepassen, bedankt voor de dnelle reacties !

[size=xsmall]Toevoeging op 26/03/2011 12:40:29:[/size]

Daar is ik weer,

Ik ben nu al 2 uur bezig om het voor elkaar te krijgen met


.each

Tot nu toe wil het nog steeds niet lukken en past hij de fadein/out op alle "div's" toe die er bestaan alleen als ik het bovenste bericht hovert. Wat ik tot nu toe heb is:


$(document).ready(function() {

	$(".repdel").fadeTo("fast", 0.0);
		$("#message").each(function() {
			$(this).hover(function() {
				
				$(".repdel").fadeTo("fast", 1.0);
			},function(){
				$(".repdel").fadeTo("fast", 0.0);
			});
		});
		
	
});

Staat de each op de goede plaats ?
zo niet waar hoort hij dan te staan ?

Met vriendelijke groet,
Dylan

Dylan Krijger

28-03-2011 11:45

Bump..

[size=xsmall]Toevoeging op 28/03/2011 14:35:22:[/size]

-Opgelost\-

Reageren

Inloggen om te reageren