Forum PHP.pl > Kopiowanie elementow

Pomoc - Szukaj - Użytkownicy - Kalendarz

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

Apocalyptiq

29.12.2008, 10:57:34

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?

ziqzaq

29.12.2008, 11:17:21

Ł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

29.12.2008, 11:36:39

DZIĘKI!

Poszukałem też w dokumentacji jQuery, jest tam funkcja clone()

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.