Witam,

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

Mamy np. taki formularz

[HTML] pobierz, plaintext 
<form name="formularz">
pole1 <input type="text" name="pole1"><br>
pole2 <select name="pole2">
<option value="">wybierz</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select><br>
pole3 <input type="text" name="pole3">
<br>
<br>
Link: <input type="text" name="link">
</form>
<br>
<img src="obrazek.php?pole1=wartosc1&pole2=wartosc2&pole3=wartosc3">
[HTML] pobierz, plaintext 

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ł

Mam nadzieję że ktoś mi pomoże, pozdrawiam

[HTML] pobierz, plaintext 
function toinput()
{
var dest = getElementById('link');
var img = getElementById('idimg');
var src1 = getElementById('pole1').value;
var src2 = getElementById('pole2').value;
var src3 = getElementById('pole3').value;
 
dest.value='obrazek.php?pole1='+src1+'&pole2='+src2+'&pole3='+src3;
img.src = dest.value;
}
[HTML] pobierz, plaintext 

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

[HTML] pobierz, plaintext 
<form name="formularz">
pole1 <input type="text" id="pole1" name="pole1"><br>
pole2 <select id="pole2" name="pole2">
<option value="">wybierz</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select><br>
pole3 <input type="text" id="pole3" name="pole3">
<br>
<br>
Link: <input type="text" id="link" name="link">
</form>
<br>
<img id="idimg" src="obrazek.php?pole1=wartosc1&pole2=wartosc2&pole3=wartosc3">
[HTML] pobierz, plaintext 

Hmm nie działa mi to :/
w każdym razie dzięki za pomoc

Modyfikacja+poprawki kodu przedstawionego przez betona:

js:

[HTML] pobierz, plaintext 
function toinput()
{
var dest = document.getElementById('link');
var img =  document.getElementById('idimg');
var src1 = document.getElementById('pole1').value;
var src2 = document.getElementById('pole2').value;
var src3 = document.getElementById('pole3').value;
 
dest.value='obrazek.php?pole1='+src1+'&pole2='+src2+'&pole3='+src3;
img.src = dest.value;
}
 
var spr=0;
function aa(){toinput();if(spr)setTimeout("aa()",300);}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<form name="formularz">
pole1 <input type="text" id="pole1" name="pole1" onfocus="spr=1;aa()" onblur="spr=0"><br>
pole2 <select id="pole2" name="pole2" onfocus="spr=0" onchange="toinput()">
<option value="">wybierz</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select><br>
pole3 <input type="text" id="pole3" name="pole3" onfocus="spr=1;aa()" onblur="spr=0">
<br>
<br>
Link: <input type="text" id="link" name="link">
</form>
<br>
<img id="idimg" src="obrazek.php?pole1=wartosc1&pole2=wartosc2&pole3=wartosc3">
[HTML] pobierz, plaintext 

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ę:)

lord_t wielkie dzięki, działa

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.

[HTML] pobierz, plaintext 
<script type="text/javascript">
function copy()
{
// zrodla
var src1 = document.getElementById('pole1').value;
var src2 = document.getElementById('pole2').value;
 
// przeznaczenie
var dest = document.getElementById('pole1_2');
var dest2 = document.getElementById('pole2_2');
 
var dest3 = document.getElementById('pole1_3');
 
//wykonaj
dest.value=src1;
dest2.value=src2;
dest3.value=src1;
}
 
var spr=0;
function klonuj(){
	copy();
	if(spr)setTimeout("klonuj()",300);
}
</script>
[HTML] pobierz, plaintext 

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');

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'); ?

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


takie trudne?

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

no od razu tak nie napisales...



no to jaki problem? Przeciez masz wszystko jak na dloni.

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

ps:
no i moj pierwszy sposob byl bardzo prosty. to co ty chcesz chyba nie jest proste bo nie mozesz sobie z tym poradzic 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
Tak czy siak dzieki za pomoc

No mistrzu, to ty przy takiej jednej linijce jak bedziesz chcial kiedys zmiane zrobic to sie w zyciu nie polapiesz

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

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

NO beda ponumerowane ale juz strach sie pytac o ta petle for

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

Jeszcze jedno. Czy da sie tak zrobic aby po kliknieciu np. checkbox dopiero kopiowalo sie do pozostalych pol?

da sie. musisz pod checbox podpiac zdarzenie onclick

Wszysko gra i buczy ale nie wiem czemu na serwerze home.pl nie.
JS wykonuje sie po stronie klienta wiec nie rozumiem czemu tak jest.
Na lokalnym mi dziala na moim serwerze tez a home nie?!

zarzuc kod, zarzuc linka do tej strony na home.pl to pogadamy konkretnie.
A jak chcesz gdybac to wyjmuj piwo to pogdybamy

[HTML] pobierz, plaintext 
<table align="center">
    <tr valign="baseline">
      <td colspan="2" align="left" nowrap="nowrap"><input name="ksero" type="checkbox" id="ksero" /> 
        Kopiuj dane </td>
    </tr>
    <tr valign="baseline">
   	  <th nowrap="nowrap" align="right">p1:</th>
      <td><input type="text" name="pole1" id="pole1" value="" size="32"  onfocus="spr=1;klonuj()" onblur="spr=0"/></td>
    </tr>
        <tr valign="baseline">
      <th nowrap="nowrap" align="right">Nazwisko:</th>
 
      <td><input type="text" name="pole2" id="pole2" value="" size="32"  onfocus="spr=1;klonuj()" onblur="spr=0"/></td>
    </tr>
        <tr valign="baseline">
      <th nowrap="nowrap" align="right">Imię:</th>
      <td><input type="text" name="pole3" id="pole3" value="" size="32"  onfocus="spr=1;klonuj()" onblur="spr=0" /></td>
    </tr>
  </table>
  <table align="center">
  <tr valign="baseline">
      <th nowrap="nowrap" align="right">p1:</th>
 
      <td><input type="text" name="pole1_2" id="pole1_2" value="" size="32" /></td>
    </tr>
        <tr valign="baseline">
      <th nowrap="nowrap" align="right">Nazwisko:</th>
      <td><input type="text" name="pole2_2" id="pole2_2" value="" size="32" /></td>
    </tr>
        <tr valign="baseline">
      <th nowrap="nowrap" align="right">Imię:</th>
 
      <td><input type="text" name="pole3_2" id="pole3_2" value="" size="32" /></td>
    </tr>
  </table>
 
  <script type="text/javascript">
//document.getElementById('tabela').style.display='none'
function copy(){
if( document.getElementById('ksero').checked == true ){
	// zrodla
	var pole1 = document.getElementById('pole1').value;
	var pole2 = document.getElementById('pole2').value;
	var pole3 = document.getElementById('pole3').value;
 
 
	// FORM 2
	var pole1_2 = document.getElementById('pole1_2');
	var pole2_2 = document.getElementById('pole2_2');
	var pole3_2 = document.getElementById('pole3_2');
 
 
	pole1_2.value=pole1;
	pole2_2.value=pole2;
	pole3_2.value=pole3;
 
	}
}
 
var spr=0;
function klonuj(){
	copy();
	if(spr)setTimeout("klonuj()",300);
}
</script>
[HTML] pobierz, plaintext 

Na lokalnym smiga az milo. Moze cos sie gryzie z kodem?

no ale zarzuc jeszcze linkiem do strony to sprawdze od razu jak dziala. Prosilem o to tez. A jak nie mozesz linka podac to pisz od razu ze nie mozesz, zaoszczedzic ludziom pisania postow bys podal linka

Znalazlem problem (tak sadze). Czasami wybrane pola sa ukrywane i JS jak nie widzi danego pola to sie nie wykonuje.
Czy musze do kazdego pola dodac if jest pole to wykonaj?

document.getElementById('pole1').value
jak pole o id pole1 nie istnieje, to kod podany wyzej spowoduje blad js i nic dalej sie nie wykona.

da sie to obejsc?

no tak, sam napisales wczesniej. Musisz najpierw sprawdzic czy pole o danym id istnieje.

Prosze powiedz mi jak sprawdzic czy dane pole istneje bo szukalem i normalnie nie wiem
if( pole15 ) { czy jak?

oslabiasz....

I sobie zobacz co dostajesz gdy pole1 jest a gdy go nie ma

Oslabie Cie bardziej.
Chodzi Ci o
if( document.getElementById('pole15').value != NULL ){ var pole15 = document.getElementById('pole15').value; }
ok juz wiem
"NULL"

ale czy ja pisze nie wyraźnie?
Przeciez jak wol masz napisane: document.getElementById('pole1')
a nie :document.getElementById('pole1').value


.value sluzy do dobrania sie do wartosci. A to co przed value do dobrania sie do elementu.

Niestety nawet w opcji

[PHP] pobierz, plaintext 
<?php
if(document.getElementById('pole1') != "NULL")
    {
    var pole1 = document.getElementById('pole1').value;
    var pole1_2 = document.getElementById('pole1_2');
    pole1_2.value=pole1;
    }
?>
[PHP] pobierz, plaintext 

jesli skasuje pole 1 z formularza przestaje dzialac

nie: "NULL"
a: NULL

odrozniaj tekst od innych rzeczy

no niestety tu sie mylisz bo jak jest NULL to nie dziala wcale

Acha... skoro ja sie myle w tak blachej sprawie, mimo iz z wieloletniego doswiadczenie wiem iz sie nie myle w tej sprawie, i poucza mnie osoba ktora w tym temacie pokazala ze nie dosc ze sie myli non stop to na dodatek wogole nie mysli nad tym co pisze.... to w takim razie ja juz dziekuje. czekaj na pomoc kolejnych

ps: nie, nie obrazilem sie. twoje podejscie do sprawy meczylo mnie juz od pewnego czasu. kolejnymi pytaniami zadawanymi bezmyslnie po prostu marnowales moj czas. powodzenia na dalszej drodze programowania. moze z czasem zrozumiesz to i owo.

ps2: chcialbys zjesc tekst "BANAN" czy moze owoc BANAN?

Czemu wiedzialem, ze tak bedzie. Sam sprawdz zanim sie obrazisz

ja doskonale wiem co zwraca document.getElementById('pole1') gdy nie ma pole1. Zwraca NULL a nie tekst "NULL".
To ze ci nie dziala cos innego to wina czego innego.


Jak juz pisalem w poprzenim poscie: Nie obrazilem sie No ale juz nie raz pokazales ze nie umiesz zrozumiec co sie do ciebie pisze, wiec nie dziwie sie, ze i tego nie zrozumiales:

Sadze, ze jak bys chcial pomoc to bys to zrobil a nie prowadzil mnie przez pole domyslow.
Nie wiem czemu nie wierzysz, ze tak nie dziala. Moge Ci wkleic kod i sam sobie sprawdzisz jak mi nie wierzysz.

Przeciez caly czas ci pomagam. Staram ci sie wyjasni to i owo a ty momentami masz takie zagrania...

Czy ja powiedzialem ze ci nie wierze ze nie dziala? Powiedzialem ci jedynie ze ma byc NULL a nie "NULL". Czy to tak trudno pojąć?
document.getElementById('pole1') gdy nie ma pole1 zwraca NULL a nie "NULL".
Czy jak juz powtorzylem to poraz dziesiaty to dodarlo to do CIebie? Napisalem potem rowniez:

[HTML] pobierz, plaintext 
<table align="center">
    <tr valign="baseline">
      <td colspan="2" align="left" nowrap="nowrap"><input name="ksero" type="checkbox" id="ksero" /> 
        Kopiuj dane </td>
    </tr>
    <tr valign="baseline">
   	  <th nowrap="nowrap" align="right">p1:</th>
      <td><input type="text" name="pole1" id="pole1" value="" size="32"  onfocus="spr=1;klonuj()" onblur="spr=0"/></td>
    </tr>
        <tr valign="baseline">
      <th nowrap="nowrap" align="right">Nazwisko:</th>
 
      <td><input type="text" name="pole2" id="pole2" value="" size="32"  onfocus="spr=1;klonuj()" onblur="spr=0"/></td>
    </tr>
        <tr valign="baseline">
      <th nowrap="nowrap" align="right">Imię:</th>
      <td><input type="text" name="pole3" id="pole3" value="" size="32"  onfocus="spr=1;klonuj()" onblur="spr=0" /></td>
    </tr>
  </table>
  <table align="center">
  <tr valign="baseline">
      <th nowrap="nowrap" align="right">p1:</th>
 
      <td><input type="text" name="pole1_2" id="pole1_2" value="" size="32" /></td>
    </tr>
        <tr valign="baseline">
      <th nowrap="nowrap" align="right">Nazwisko:</th>
      <td><input type="text" name="pole2_2" id="pole2_2" value="" size="32" /></td>
    </tr>
        <tr valign="baseline">
      <th nowrap="nowrap" align="right">Imię:</th>
 
      <td><input type="text" name="pole3_2" id="pole3_2" value="" size="32" /></td>
    </tr>
  </table>
 
  <script type="text/javascript">
function copy(){
if( document.getElementById('ksero').checked == true ){
	if(document.getElementById('pole1').value != "NULL")
	{
	var pole1 = document.getElementById('pole1').value;
	var pole1_2 = document.getElementById('pole1_2');
	pole1_2.value=pole1;
	}
	if(document.getElementById('pole2').value != "NULL")
	{
	var pole2 = document.getElementById('pole2').value;
	var pole2_2 = document.getElementById('pole2_2');
	pole2_2.value=pole2;
	}
 
	}
}
 
var spr=0;
function klonuj(){
	copy();
	if(spr)setTimeout("klonuj()",300);
}
</script>
[HTML] pobierz, plaintext 

Prosze nie musisz nic robic tyko go odpalic a potem wytnij "" z NULL

pogrązasz sie z kazdą chwilą:
document.getElementById('pole1').value != "NULL"

A ja razem z Tobą odpisując ci na kazdy taki post...

edit: no i tez popelnilem blad.
nie: NULL
a: null
Piszac NULL mialem na mysli null. moj blad. skupilem sie tylko na tekst "NULL", chcac ci wyjasnic roznice miedzy tekstem opisującym rzecz a samą rzeczą.

mowilem ci juz nie: document.getElementById('pole1').value, a document.getElementById('pole1')



ps:
przeciez bez wycinania tez dziala źle, bo wywala sie juz na .value, co ci pisalem wczesniej

Hehe no takie subtelne roznice ale tak czy siak nie dziala albo dziala jak dzialalo po wycieci jednego z pol Ale aby bylo jasne dziekuje Ci za pomoc

Mi tam dziala jak trzeba

Jak skasujesz pole
<input type="text" name="pole1" id="pole1" value="" size="32" onfocus="spr=1;klonuj()" onblur="spr=0"/> nadal Ci liczy?

oczywiscie.
Tym razem zrobiles kod tak jak ci podalem dwa posty wczesniej?

[HTML] pobierz, plaintext 
if( document.getElementById('ksero').checked == true ){
	if(document.getElementById('pole1') != null)
	{
	var pole1 = document.getElementById('pole1').value;
	var pole1_2 = document.getElementById('pole1_2');
	pole1_2.value=pole1;
	}
	if(document.getElementById('pole2') != null)
	{
	var pole2 = document.getElementById('pole2').value;
	var pole2_2 = document.getElementById('pole2_2');
	pole2_2.value=pole2;
	}
 
	}
}
[HTML] pobierz, plaintext 

Chodzi az milo
CHyba, ze chwilowo