witam,

próbuję stworzyć kod, który po kliknięciu w przycisk będzie wyświetlał okienko z danymi. Po wyświetleniu kliknięcie w to okienko ma je zamykać... i to wszystko udało mi się zrobić, tyle że ponowne kliknięcie w przycisk już okienka nie wyświetla.

[HTML] pobierz, plaintext 
var czy_okno = 1;
    jQuery('.podpowiedz').click(function(){
 
        if(czy_okno == 0){
        }else{
            var tresc_podpowiedzi = jQuery(this).find('.tresc_podpowiedzi').html();
 
             var okno_podpowiedzi = jQuery('<div class="okno_podpowiedzi"></div>');
            jQuery(this).append(okno_podpowiedzi);
            czy_okno = 0;
        }
    });
    jQuery('.podpowiedz').on('click','div.okno_podpowiedzi',function(){
        jQuery('.okno_podpowiedzi').fadeOut(300).remove();
        czy_okno = 1;
 
    });
[HTML] pobierz, plaintext 

Zmienną czy_okno dodałem, ponieważ bez niej wciąż dopisywane były tyllko kolejne okna bez ich usuwania. Wygada na to, że mój problem polega na działaniu funkcji .on() , której nie dokońca potrafię skontrolować. Wszelkie podpowiedzi mile widziane.

A nie lepiej po prostu mieć to okno jako ukryte w źródle i pokazywać/ukrywać je na żądanie?

Na pewno dużo łatwiej, chciałem/chcę jednak się czegoś nauczyć.

Tak na szybko:

[HTML] pobierz, plaintext 
$(function() {
        $('.podpowiedz').on('click', function(e){
            e.preventDefault();
            if ($('.okno_podpowiedzi').length) return;
            var tresc_podpowiedzi = $('.tresc_podpowiedzi').html();
            var okno_podpowiedzi = $('<div/>', {
                text: tresc_podpowiedzi,
                'class': 'okno_podpowiedzi'
            }).on('click', function(e){
                $(this).remove();
            });
            $(okno_podpowiedzi).insertAfter(this);
        });
    });
 
<div class="tresc_podpowiedzi">ksjdfhksjd hfks hdfks hdkjf hsk</div>
 
    <btn class="podpowiedz">klik</btn>
[HTML] pobierz, plaintext 

Nie tylko łatwiej, ale też lepiej.

Twój temat to jest problem z serii: "jak zrobić coś w miarę złożonego przy małej wiedzy"? Tak naprawdę to wymaga dyskusji krok po kroku, bo w Twoim kodzie jest wiele problemów różnej natury. Co proponujesz?

No dobra, wiele z tego co stworzył Viking nie do końca do mnie dociera, ale wiem przynajmniej czego google będzie dla mnie szukało w ciągu najbliższych chwil... dzięki

followc zauważyłeś wiadomość prywatną?

Filozofii wielkiej tam nie ma. preventDefault zapobiega wykonaniu domyślnej akcji elementu (np submit formularza). Zrób sobie console.log(e) gdzieś poniżej. Eventy opisywałem tutaj. Tworząc nowy element przez jquery możesz podać html i atrybuty jako obiekt co zrobiłem (bardziej czytelne moim zdaniem to jest niż wklejanie całego ciągu html). Dla wielu elementów będziesz mógł znaleźć aktywne okno przez $(this).find(...)

Tak, po krótkiej analizie krok po kroku szybko się rozjaśniło. Tak, $(this).find(...), jest konieczne bo elementów będzie kilkanaście i stąd ten kawałek kodu, w której samej treści jeszcze nie dokładałem do okienka, bo akurat tym zająć się potrafiłem. Chodziło mi o poprawne rozwiązanie kwesti pojawiania się i znikania samego okna, co dzięki Waszej pomocy mi się udało.

Na pewno też będę częstym gościem prophp.pl

Dzięki wielkie!

No nie wiem czy dobrym pomysłem jest bycie gościem na platformie, której najnowsze newsy to "PHP 5.4 już dostępne" i "Firefox 10 oficjalnie wydany".

Newsów przyznam że dawno nie pisałem A przepisując jakiś czas temu platformę zostawiłem w celach archiwalnych. Z reszty artykułów i "pytań" można się sporo dowiedzieć.