jQuery inbox probleem

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Dylan Krijger

Dylan Krijger

25/03/2011 19:21:12
Quote Anchor link
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;

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
<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)

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
$(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.
Gewijzigd op 25/03/2011 19:22:15 door Dylan Krijger
 
PHP hulp

PHP hulp

18/01/2025 02:52:17
 
Wouter J

Wouter J

25/03/2011 23:21:17
Quote Anchor link
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.
 

25/03/2011 23:26:41
Quote Anchor link
Sowieso is het net zoals bij css goed als je gewoon de hele 'path' opgeeft.
 
Dylan Krijger

Dylan Krijger

25/03/2011 23:40:37
Quote Anchor link
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
 

25/03/2011 23:43:51
 
Dylan Krijger

Dylan Krijger

25/03/2011 23:50:18
Quote Anchor link
Dankjewel karl, zal het morgen even toepassen, bedankt voor de dnelle reacties !

Toevoeging op 26/03/2011 12:40:29:

Daar is ik weer,

Ik ben nu al 2 uur bezig om het voor elkaar te krijgen met
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
.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:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(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
Gewijzigd op 26/03/2011 15:28:33 door Dylan Krijger
 
Dylan Krijger

Dylan Krijger

28/03/2011 11:45:20
Quote Anchor link
Bump..

Toevoeging op 28/03/2011 14:35:22:

-Opgelost\-
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.