Forum PHP.pl > [js]Pop-up zwracający wartość

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js]Pop-up zwracający wartość

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

R4D3K

6.02.2010, 01:58:41

Witam wszystkich ! Mam taki problem, który jak podjrzewam jest banalny, jednak moja słaba znajomość jquery i js nie pozwala go rozwiązać.

Wprowadzenie:
Mam formularz A, w którym znajduje się pole textarea. W formularzu jest link z graficznym tłem, który otwiera nowe okno z emotkami do donania:

[HTML] pobierz, plaintext 
 .....
    <label class="error" style="color:#7F7772;">O sobie:</label>
    <label class="error" >
        <a href="java script:dodaj(1,'osobie')" class="inputB" title="Pogrubienie">B</a>
        <a href="java script:dodaj(2,'osobie')" class="inputI" title="Pochylenie">i</a>
        <a href="java script:dodaj(3,'osobie')" class="inputU" title="Podkreślenie">U</a>
        <a href="java script:dodaj(4,'osobie')" class="inputN" title="Link">url</a>
        <a href="java script:emo('#osobie');" class="inputN" title="emotoikonki"><img src="./img/emo/biggrin.gif" alt="emotoikonki"/></a>
    </label>
    <textarea name="osobie" id="osobie" ><?=($dane_r[0]['osobie']);?></textarea>
[HTML] pobierz, plaintext

funkcja emo, która wyświetla nowe okno:

Kod

function emo(x) {
  $(document).ready(function() {
   var pos=$(x).offset();
   var px=pos.top-440;
   var py=pos.left-240;
   var win=window.open('./template/emo.php','EMOTOIKONKI','toolbar=no,menubar=no,location=no,personalbar=no,scrollbars=no,directories=n
o,status=no, resizable=no,width=200,height=185,top='+px+',left='+py);

  })
}

plik emo.php:

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl-PL">
    <head>
        <style type="text/css">
            img {margin:2px;border:0;}
        </style>
        <script type="text/javascript" >
             function returnData(x) {
                 window.opener.GetElementById('osobie').value+=x;
                 this.close();
             }
        </script>
    </head>
    <body>
        <a href="java script:returnData('emotka');" title="" ><img src="../img/emo/usmiech.gif" alt="" /></a>
    </body>
</html>
[HTML] pobierz, plaintext

PROBLEM !
chce uzyskać efekt taki, że po kliknięciu w emotkę pop up zostanie zamknięty a w textarea, zostanie na koncu dodany BB code tej emotki. I nie wiem jak to zrobić. Czytałem, że należy użyć window.opener - czyli referencji to obiektu rodzica, który otworzył to okno, więc jej użyłem najpierw w funkcji emo ale bezskutecznie. Dlatego stworzyłem funkcje rertunDAta pop-upa czyli:

Kod

             function returnData(x) {
                 window.opener.GetElementById('osobie').value+=x;
                 this.close();
             }

jednak po kliknięciu w emotkę okno się nie zamyka i nic nie zostaje dopisane do pola textarea ;(
Bardzo proszę o na kierunkowanie mnie co muszę zrobić, żeby poproastu zwrócić wartość z pop-upa do głównego okna i czy to można jakoś zrobić w funkcji emo

lord_t

6.02.2010, 11:22:05

getElementById piszemy wyłącznie z małej litery o ile się nie mylę. Zobacz w konsoli błędów (menu narzędzia w FF) lub firebugu czy wypluwa jakiś błąd.

R4D3K

6.02.2010, 12:05:57

Cytat

getElementById piszemy wyłącznie z małej litery

I działa a siedziałem nad tym tyle

A tak z innej beczki jeśli można w funkcji emo przekazuje argumentem id pola do którego mają być wstawiane emotki, czy da się tą wartość jakoś przesłać do nowego okna za pomocą javascriptu ? tak żeby funkcja returnData, oprócz zwracanej wartości wiedziała jeszcze gdzie element wstawić ?

lord_t

7.02.2010, 15:26:03

open() zwraca Ci uchwyt do stworzonego okna. Możesz skorzystać z niego - ustawić sobie zmienną: uchwyt.window.zmienna='twojeid'. Zaś w funkcji returnData(x) zamiast id wpisac window.zmienna.

___
pisane z palca

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.