Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

3 Stron V   1 2 3 >  
Reply to this topicStart new topic
> [js] kopiowanie wpisanych wartosci do pola input
franek019
post 6.03.2008, 17:40:12
Post #1





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 13.11.2006

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


Witam,

przeszukałem wczesnej forum i nie znalazłem odpowiedzi na nurtujące mnie pytanie smile.gif

Mamy np. taki formularz
  1. <form name="formularz">
  2. pole1 <input type="text" name="pole1"><br>
  3. pole2 <select name="pole2">
  4. <option value="">wybierz</option>
  5. <option value="1">1</option>
  6. <option value="2">2</option>
  7. <option value="3">3</option>
  8. pole3 <input type="text" name="pole3">
  9. <br>
  10. <br>
  11. Link: <input type="text" name="link">
  12. </form>
  13. <br>
  14. <img src="obrazek.php?pole1=wartosc1&pole2=wartosc2&pole3=wartosc3">


Mój problem polega na tym że nie wiem jak zrobić aby po wpisaniu wartości przeniosły się one do input'a o nazwie 'link' bez przeładowywania strony w formie:
obrazek.php?pole1=wartosc1&pole2=wartosc2&pole3=wartosc3

Oraz aby też po wpisaniu tych wartości zmienił się adres obrazka i automatycznie się przeładował smile.gif

Mam nadzieję że ktoś mi pomoże, pozdrawiam smile.gif
Go to the top of the page
+Quote Post
beton
post 6.03.2008, 18:29:17
Post #2





Grupa: Zarejestrowani
Postów: 13
Pomógł: 2
Dołączył: 5.11.2003
Skąd: Tarnowskie Góry

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


  1. function toinput()
  2. {
  3. var dest = getElementById('link');
  4. var img = getElementById('idimg');
  5. var src1 = getElementById('pole1').value;
  6. var src2 = getElementById('pole2').value;
  7. var src3 = getElementById('pole3').value;
  8.  
  9. dest.value='obrazek.php?pole1='+src1+'&pole2='+src2+'&pole3='+src3;
  10. img.src = dest.value;
  11. }



Podana metoda zrobiona na 'oko' ale powina działac, jedynie co musisz zmienic to kod html na taki

  1. <form name="formularz">
  2. pole1 <input type="text" id="pole1" name="pole1"><br>
  3. pole2 <select id="pole2" name="pole2">
  4. <option value="">wybierz</option>
  5. <option value="1">1</option>
  6. <option value="2">2</option>
  7. <option value="3">3</option>
  8. pole3 <input type="text" id="pole3" name="pole3">
  9. <br>
  10. <br>
  11. Link: <input type="text" id="link" name="link">
  12. </form>
  13. <br>
  14. <img id="idimg" src="obrazek.php?pole1=wartosc1&pole2=wartosc2&pole3=wartosc3">


--------------------
Impossible is nothing.
php is for idiots, i'm using php version 5
Go to the top of the page
+Quote Post
franek019
post 6.03.2008, 19:17:31
Post #3





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 13.11.2006

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


Hmm nie działa mi to :/
w każdym razie dzięki za pomoc smile.gif
Go to the top of the page
+Quote Post
lord_t
post 6.03.2008, 20:55:21
Post #4





Grupa: Zarejestrowani
Postów: 603
Pomógł: 131
Dołączył: 24.07.2007
Skąd: Górny Śląsk

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


Modyfikacja+poprawki kodu przedstawionego przez betona:

js:
  1. function toinput()
  2. {
  3. var dest = document.getElementById('link');
  4. var img = document.getElementById('idimg');
  5. var src1 = document.getElementById('pole1').value;
  6. var src2 = document.getElementById('pole2').value;
  7. var src3 = document.getElementById('pole3').value;
  8.  
  9. dest.value='obrazek.php?pole1='+src1+'&pole2='+src2+'&pole3='+src3;
  10. img.src = dest.value;
  11. }
  12.  
  13. var spr=0;
  14. function aa(){toinput();if(spr)setTimeout("aa()",300);}


  1. <form name="formularz">
  2. pole1 <input type="text" id="pole1" name="pole1" onfocus="spr=1;aa()" onblur="spr=0"><br>
  3. pole2 <select id="pole2" name="pole2" onfocus="spr=0" onchange="toinput()">
  4. <option value="">wybierz</option>
  5. <option value="1">1</option>
  6. <option value="2">2</option>
  7. <option value="3">3</option>
  8. pole3 <input type="text" id="pole3" name="pole3" onfocus="spr=1;aa()" onblur="spr=0">
  9. <br>
  10. <br>
  11. Link: <input type="text" id="link" name="link">
  12. </form>
  13. <br>
  14. <img id="idimg" src="obrazek.php?pole1=wartosc1&pole2=wartosc2&pole3=wartosc3">

Przypuszczam, że można to osiągnąć trochę prościej, ale nie chce mi się nad tym zastanawiać, aczkolwiek chętnie poznam tą lepszą/krótszą wersję:)


--------------------
Go to the top of the page
+Quote Post
franek019
post 7.03.2008, 08:49:33
Post #5





Grupa: Zarejestrowani
Postów: 4
Pomógł: 0
Dołączył: 13.11.2006

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


lord_t wielkie dzięki, działa smile.gif
Go to the top of the page
+Quote Post
DannyM
post 17.07.2009, 11:28:11
Post #6





Grupa: Zarejestrowani
Postów: 507
Pomógł: 2
Dołączył: 30.10.2003
Skąd: Poznań

Ostrzeżenie: (10%)
X----


Pozwole sobie odswiezyc temat.
Jak bym chcial wgrac do kliku pol ta samo wartosc
np. mam pole
id="imie" i chce wgrac do
id= imie1 i imie2 i imie3 i imie4
Go to the top of the page
+Quote Post
Fifi209
post 17.07.2009, 11:29:39
Post #7





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

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


Cytat(DannyM @ 17.07.2009, 11:28:11 ) *
Pozwole sobie odswiezyc temat.
Jak bym chcial wgrac do kliku pol ta samo wartosc
np. mam pole
id="imie" i chce wgrac do
id= imie1 i imie2 i imie3 i imie4


To teraz pokaż swój kod, i miejsce w z którym masz problem.


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
DannyM
post 17.07.2009, 11:41:04
Post #8





Grupa: Zarejestrowani
Postów: 507
Pomógł: 2
Dołączył: 30.10.2003
Skąd: Poznań

Ostrzeżenie: (10%)
X----


  1. <script type="text/javascript">
  2. function copy()
  3. {
  4. // zrodla
  5. var src1 = document.getElementById('pole1').value;
  6. var src2 = document.getElementById('pole2').value;
  7.  
  8. // przeznaczenie
  9. var dest = document.getElementById('pole1_2');
  10. var dest2 = document.getElementById('pole2_2');
  11.  
  12. var dest3 = document.getElementById('pole1_3');
  13.  
  14. //wykonaj
  15. dest.value=src1;
  16. dest2.value=src2;
  17. dest3.value=src1;
  18. }
  19.  
  20. var spr=0;
  21. function klonuj(){
  22. copy();
  23. if(spr)setTimeout("klonuj()",300);
  24. }

Wiele on sie nie rozni. Chodzi mi o to aby nie powielac kodu tylko w jednym wpisie dodac to imie do wszyskich pol o wpisanych id="imie1 2 3 itd
Nie wiem cos ala
var dest2 = document.getElementById('pole2_2').document.getElementById('pole2_3').document.getElementById('pole2_4');

Ten post edytował DannyM 17.07.2009, 11:42:49
Go to the top of the page
+Quote Post
nospor
post 17.07.2009, 11:44:01
Post #9





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




kurcze, moze sie czepiam, ale gdzie problem? Masz podany kod jak w grac z jednej zmiennej do drugiej, to taki problem wgrac z jednej zmiennej do kilku innych?

zm1 = 1
zm2 = 2
zm3 = 3

jaki problem napisac:
zm1 = 1
zm2 = 1
zm3 = 1

albo zm1 = zm2 = zm3 = 1

?


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

"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
DannyM
post 17.07.2009, 11:49:08
Post #10





Grupa: Zarejestrowani
Postów: 507
Pomógł: 2
Dołączył: 30.10.2003
Skąd: Poznań

Ostrzeżenie: (10%)
X----


Cytat(nospor @ 17.07.2009, 12:44:01 ) *
kurcze, moze sie czepiam, ale gdzie problem? Masz podany kod jak w grac z jednej zmiennej do drugiej, to taki problem wgrac z jednej zmiennej do kilku innych?

zm1 = 1
zm2 = 2
zm3 = 3

jaki problem napisac:
zm1 = 1
zm2 = 1
zm3 = 1

albo zm1 = zm2 = zm3 = 1

?

No chyba sie czepiasz bo jak bym wiedzial to zrobic to bym nie pisal na forum
Chodzi ci o
var dest2 = document.getElementById('pole2_2') = document.getElementById('pole2_3') = document.getElementById('pole2_4'); ?

Ten post edytował DannyM 17.07.2009, 11:50:05
Go to the top of the page
+Quote Post
nospor
post 17.07.2009, 11:52:33
Post #11





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




Cytat
No chyba sie czepiasz
chyba jednak nie. nie mozesz sobie tego rozbic na drobne kawalki skoro masz problem z tak prostą rzeczą?

Kod
//zmienna zrodlowa
$zm = document.getElementById('imie').value;

//zmienne docelowe
$zm1 = document.getElementById('imie1');
$zm2 = document.getElementById('imie2');
$zm3 = document.getElementById('imie3');

//zapis
$zm1.value = $zm;
$zm2.value = $zm;
$zm3.value = $zm;

takie trudne?


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

"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
DannyM
post 17.07.2009, 11:56:48
Post #12





Grupa: Zarejestrowani
Postów: 507
Pomógł: 2
Dołączył: 30.10.2003
Skąd: Poznań

Ostrzeżenie: (10%)
X----


NO wlasnie nie chce tego tak robic tylko pytalem czy mozna to jakos zapisac w prsty sposob. Pisalem na poczatku, ze nie chce powielac kodu
Go to the top of the page
+Quote Post
nospor
post 17.07.2009, 12:01:04
Post #13





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




no od razu tak nie napisales...
Cytat
Jak bym chcial wgrac do kliku pol ta samo wartosc

tongue.gif

no to jaki problem? Przeciez masz wszystko jak na dloni.
Kod
$zm1.value = $zm2.value = $zm3.value = $zm;

I teraz sobie za $zm1 powsawiaj to co jest wyzej, a za $zm tez. kurcze. no troszke mysl bo zginiesz w tym brutalnym swiecie winksmiley.jpg

ps:
Cytat
tylko pytalem czy mozna to jakos zapisac w prsty sposob
no i moj pierwszy sposob byl bardzo prosty. to co ty chcesz chyba nie jest proste bo nie mozesz sobie z tym poradzic winksmiley.jpg czasami kilka liniii jest o niebo lepsze od jednej zawilej


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

"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
DannyM
post 17.07.2009, 12:11:12
Post #14





Grupa: Zarejestrowani
Postów: 507
Pomógł: 2
Dołączył: 30.10.2003
Skąd: Poznań

Ostrzeżenie: (10%)
X----


Cytat(nospor @ 17.07.2009, 13:01:04 ) *
no od razu tak nie napisales...

tongue.gif

no to jaki problem? Przeciez masz wszystko jak na dloni.
Kod
$zm1.value = $zm2.value = $zm3.value = $zm;

I teraz sobie za $zm1 powsawiaj to co jest wyzej, a za $zm tez. kurcze. no troszke mysl bo zginiesz w tym brutalnym swiecie winksmiley.jpg

ps:
no i moj pierwszy sposob byl bardzo prosty. to co ty chcesz chyba nie jest proste bo nie mozesz sobie z tym poradzic winksmiley.jpg czasami kilka liniii jest o niebo lepsze od jednej zawilej

CAlkowicie Cie rozumiem ale mam 90 pol i chcialem to zrobic mniejsza iloscia linii kodu smile.gif
Tak czy siak dzieki za pomoc smile.gif
Go to the top of the page
+Quote Post
nospor
post 17.07.2009, 12:15:18
Post #15





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




Cytat
ale mam 90 pol
No mistrzu, to ty przy takiej jednej linijce jak bedziesz chcial kiedys zmiane zrobic to sie w zyciu nie polapiesz winksmiley.jpg

A te pola to bedą kolejno numerowane? No to przeciez tutaj az sie prosi o petle for i po sprawie smile.gif


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

"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
Fifi209
post 17.07.2009, 12:16:53
Post #16





Grupa: Zarejestrowani
Postów: 4 655
Pomógł: 556
Dołączył: 17.03.2009
Skąd: Katowice

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


Jak masz 90 pól to znaczy że coś jest nie tak, i że musisz zacząć robić to od nowa. ;d


--------------------
Zainteresowania: C#, PHP, JS, SQL, AJAX, XML, C dla AVR
Chętnie pomogę, lecz zanim napiszesz: Wujek Google , Manual PHP
Go to the top of the page
+Quote Post
DannyM
post 17.07.2009, 12:20:31
Post #17





Grupa: Zarejestrowani
Postów: 507
Pomógł: 2
Dołączył: 30.10.2003
Skąd: Poznań

Ostrzeżenie: (10%)
X----


Cytat(nospor @ 17.07.2009, 13:15:18 ) *
No mistrzu, to ty przy takiej jednej linijce jak bedziesz chcial kiedys zmiane zrobic to sie w zyciu nie polapiesz winksmiley.jpg

A te pola to bedą kolejno numerowane? No to przeciez tutaj az sie prosi o petle for i po sprawie smile.gif

NO beda ponumerowane ale juz strach sie pytac o ta petle for tongue.gif
Go to the top of the page
+Quote Post
nospor
post 17.07.2009, 12:21:26
Post #18





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




to sie nie pytaj tylko sprobuj cos napisac smile.gif a potem wal z kodem. tylko tym razem zastanow sie chwile dluzej


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

"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
DannyM
post 17.07.2009, 12:58:36
Post #19





Grupa: Zarejestrowani
Postów: 507
Pomógł: 2
Dołączył: 30.10.2003
Skąd: Poznań

Ostrzeżenie: (10%)
X----


Jeszcze jedno. Czy da sie tak zrobic aby po kliknieciu np. checkbox dopiero kopiowalo sie do pozostalych pol?
Go to the top of the page
+Quote Post
nospor
post 17.07.2009, 13:04:30
Post #20





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




da sie. musisz pod checbox podpiac zdarzenie onclick


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

"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

3 Stron V   1 2 3 >
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 Aktualny czas: 18.08.2025 - 23:51