Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Jak przypisać oznaczenie id do każdego diva, Chodzi o jeden fajny prosty skrypt tylko nie wiem jednego :(
aleks365
post 19.07.2012, 09:00:33
Post #1





Grupa: Zarejestrowani
Postów: 134
Pomógł: 1
Dołączył: 26.02.2012

Ostrzeżenie: (0%)
-----


Witam

Mam kod uzyskany z poprzedniego tematu
Kod robi takie coś po najechaniu myszką na zdjęcie pokazuje opcje itp

Kod
Kod
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js"></script>
<script>
    $(function($)
    {
        $('div#divv').mouseover(function()
        {
            $('div#options').stop().animate({opacity: '+=0.9'}, 500);
            $('div#options').addClass('active');
        }).mouseout(function()
        {
            $('div#options').stop().animate({opacity: '-=0.9'}, 1);
            $('div#options').removeClass('active');
        });
    });
</script>


<style>
div#divv {
    position:relative;
    width:350px;
}

div#options {
    position:absolute;
    bottom:0px;
    background:rgba(0,0,0,.3);
    padding:2px;
    margin:5px;
    color:#fff;
    display:none;
    float:left;
    opacity: 0.0;
}

div.active {
    display:block!important;
}
</style>

<div id="divv">
<img src="http://lfs-driver.pl/image/425/xf_volkswagen_golf_mk2_gt_v11/" />
<div id="options">ZOOM | Cokolwiek | Najedz myszką tutaj</div>
</div>



dręczy mnie jeszcze coś chciałem ten skrypt wykorzystać do tego że jak myszką najadę na artykuł na stronie to żeby były wyświetlane komentarze dokładnie ilość komentarzy ale jak biorę to robię i najadę myszką na pierwszy wpis to u wszystkich innych też się pojawia ilość komentarzy czemu tak nie da się jakoś id przypisać osobno tak żeby była ilość komentarzy tylko tam gdzie najadę myszką

Wie ktoś jak to zrobić
Go to the top of the page
+Quote Post
nospor
post 19.07.2012, 09:07:54
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Wyrzuc id... daj klasy.
Kod
$('div.divv').mouseover(function()
        {
            $(this).find('div.options').stop().animate({opacity: '+=0.9'}, 500);
            $(this).find('div.options').addClass('active');
        }).mouseout(function()
        {
            $(this).find('div.options').stop().animate({opacity: '-=0.9'}, 1);
            $(this).find('div.options').removeClass('active');
        });

W kodzie html zmien id na class


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
lukaskolista
post 19.07.2012, 09:09:16
Post #3





Grupa: Zarejestrowani
Postów: 872
Pomógł: 94
Dołączył: 31.03.2010

Ostrzeżenie: (0%)
-----


Sprobuj id zmienic na klase. Poza tym selektor opcji szuka w calym drzewie dokumentu, a powinien szukac tylko w divie, na ktorego najezdzasz.

  1. $(function($)
  2. {
  3. $('div.image').mouseover(function()
  4. {
  5. $(this).find(".options").stop().animate({opacity: '+=0.9'}, 500).addClass('active');
  6. }).mouseout(function()
  7. {
  8. $(this).find(".options").stop().animate({opacity: '-=0.9'}, 1).removeClass('active');
  9. });
  10. });
Go to the top of the page
+Quote Post
aleks365
post 19.07.2012, 10:20:53
Post #4





Grupa: Zarejestrowani
Postów: 134
Pomógł: 1
Dołączył: 26.02.2012

Ostrzeżenie: (0%)
-----


działa smile.gif dzięki
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 15.08.2025 - 04:33