Kopiowanie elementow - Forum PHP.pl

Kopiowanie elementow, Da rade coś takiego? :)

Apocalyptiq Zobacz profil	29.12.2008, 10:57:34 Post #1
Grupa: Zarejestrowani Postów: 230 Pomógł: 3 Dołączył: 8.01.2008 Ostrzeżenie: (10%)	Czy w JS można jakoś kopiować elementy występujące na stronie? Np. tego diva skopiować i obok wrzucić jego kopie? Bo jeżeli pobiore jakiś element, i wrzuce go w jakieś miejsce na stronie - to po prostu go przeniose. Chcę kopiować diva, w którym jest kilka fieldsetów, a w każdym fieldsecie po 7 inputów (text). Czy jedynym wyjściem tutaj jest ręczne pobranie wartości wszystkich inputów, i utworzenie nowego diva z inputami o wartościach skopiowanych z tamtąd? -------------------- http://estender.net - profesjonalne strony i aplikacje internetowe (Ruby on Rails, Kohana PHP)

Odpowiedzi (1 - 2)

ziqzaq Zobacz profil	29.12.2008, 11:17:21 Post #2
Grupa: Zarejestrowani Postów: 428 Pomógł: 128 Dołączył: 17.06.2007 Ostrzeżenie: (0%)	Łatwo się to robi np. jQuery. Natomiast bez użycia bibliotek znalazłem coś takiego (źródło): "We could also use insertBefore instead of appendChild, or even manually add the new element to the end of the end of the childNodes collection. Using replaceChild, we could also overwrite existing nodes. It is also possible to copy a node using cloneNode(true). This returns a copy of the node but does not automatically add it into the childNodes collection. Using element.removeChild(referenceToChildNode), we can remove existing nodes." Natomiast nie wiem jak to się ma do różnych przeglądarek ;/ Na szybko skrobnięty kod: [PHP] pobierz, plaintext <?php <html> <head> <title>Tit</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> function dodaj() { var f = document.getElementById('frm'); var f2 = f.cloneNode(true); window.document.childNodes[0].appendChild(f2); } </script> <style type="text/css"> </style> </head> <body> <div id="frm"> <form> <input type="text" name="nazwa" value="lala" /> </form> </div> <div><input type="button" value="Kopiuj" onclick="dodaj();return false;"/></div> </body> </html> ?> [PHP] pobierz, plaintext Sprawdziłem w Operze i Firefoxie. Pozdrawiam

Apocalyptiq Zobacz profil	29.12.2008, 11:36:39 Post #3
Grupa: Zarejestrowani Postów: 230 Pomógł: 3 Dołączył: 8.01.2008 Ostrzeżenie: (10%)	DZIĘKI! Poszukałem też w dokumentacji jQuery, jest tam funkcja clone() -------------------- http://estender.net - profesjonalne strony i aplikacje internetowe (Ruby on Rails, Kohana PHP)

1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Aktualny czas: 21.08.2025 - 05:52

Hosting zapewnia