ugrás a tartalomhoz

form...összefűzés

lomajpurre · 2007. Nov. 17. (Szo), 13.17
Sziasztok!

Van egy ilyenem...




<script type="text/javascript" language="javascript">
function beir(ertek){
document.getElementById('text').value = ertek.value;
}
function beir1(ertek){
document.getElementById('text1').value = ertek.value;
}
</script>

<form name="form1">


Műfaj: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select id="valami1" onchange="beir1(this)" name="valami1">
<option value="">--Válassz--</option>
<option value="[alternatív]">[alternatív]</option>
<option value="[blues]">[blues]</option>
<option value="[dance]">[dance]</option>
<option value="[drum'n'bass]">[drum'n'bass]</option>
<option value="[funk]">[funk]</option>
<option value="[hardcore]">[hardcore]</option>
<option value="[hip-hop]">[hip-hop]</option>
<option value="[house]">[house]</option>
<option value="[metál ]">[metál]</option>
<option value="[ost]">[ost]</option>
<option value="[pop]">[pop]</option>
<option value="[r'n'b]">[r'n'b]</option>
<option value="[raggae]">[raggae]</option>
<option value="[rock]">[rock]</option>
<option value="[szimfonikus]">[szimfonikus]</option>
<option value="[techno]">[techno]</option>
<option value="[trance]">[trance]</option>
<option value="[egyéb]">[egyéb]</option>
</select>
&nbsp;<input type="text" SIZE="10" name="text1" id="text1" disabled ="true">&nbsp;&nbsp;
<br>
Előadó(k) neve:&nbsp;&nbsp;<input type="text" SIZE="30" name="text2" id="text2">&nbsp;&nbsp;
<br>
Megjelenés éve: <input type="text" SIZE="2" name="text3" id="text3" maxlength=\"4\">&nbsp;&nbsp;
<br>
Album címe:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" SIZE="30" name="text4" id="text4">&nbsp;&nbsp;
<br>
Típus:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select id="valami" onchange="beir(this)" name="valami">
<option value="">--Válassz--</option>
<option value="[FLAC]">[FLAC]</option>
<option value="[M4A]">[M4A]</option>
<option value="[DTS.CUE]">[DTS.CUE]</option>
<option value="[SACD.CUE]">[SACD.CUE]</option>
<option value="[LPCM.CUE]">[LPCM.CUE]</option>
</select>
&nbsp;<input type="text" SIZE="11" name="text" id="text" disabled ="true">
</form>
<br>


A kérdésem a következő:

hogyan lehetne megoldani azt hogy amit kiválasztok illetve beírok azt egy külön textarea-ba mutassa?
Köszönöm előre is!
‹ Letöltés számláló 2d tömb létrehozása while ciklussal mysql resource-ból ›
 ■
1

pl így.

zila · 2007. Nov. 17. (Szo), 13.24
  1. <script type="text/javascript">  
  2. function append2textarea(val) {  
  3.     var objDisplay = document.getElementById('disp_criteria');  
  4.     objDisplay.value += val;  
  5. }  
  6. </script>  
  7. <textarea id="disp_criteria"></textarea>  
És bármelyik form elemed módosításakor (onChange) meghívod az append2textarea függvényt az új értékekkel. Persze le kell kezelni, ha módosítanak egy már beszúrt értéken, azt a textarea-ban is módosítani kell nem csak úgy hozzáírni...
2

...

lomajpurre · 2007. Nov. 17. (Szo), 13.42
Köszönöm a gyors választ, de sajnos én nem nagyon értek a php-hez, csak copy-paste szinten.
Szóval nem tudnál egy kicsit pontosabb leírást adni?(mit hova írjak...)
Tényleg nagyon szépen köszönöm!
3

így

cSuwwi · 2007. Nov. 17. (Szo), 15.53
Ez javascript, nem php.
sortördeléssel megjelenik minden info az alatta lévő mezőben. a szövegmezőkre onblur-t tettem, vagyis akkor jelenik meg a beírt szöveg, ha már nincs fókuszban (máshova kattintasz) az a mező
  1. <script type="text/javascript" language="javascript">  
  2. function beir(ertek){  
  3. document.getElementById('text').value = ertek.value;  
  4. append2textarea(ertek.value);  
  5. }  
  6. function beir1(ertek){  
  7. document.getElementById('text1').value = ertek.value;  
  8. append2textarea(ertek.value);  
  9. }  
  10.   
  11. function append2textarea(val) {    
  12.     var objDisplay = document.getElementById('osszegzes');    
  13.     objDisplay.value += val + '\n' ;    
  14. }    
  15. </script>  
  16.   
  17. <form name="form1">  
  18. Műfaj: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select id="valami1" onchange="beir1(this)" name="valami1">  
  19. <option value="">--Válassz--</option>  
  20. <option value="[alternatív]">[alternatív]</option>  
  21. <option value="[blues]">[blues]</option>  
  22. <option value="[dance]">[dance]</option>  
  23. <option value="[drum'n'bass]">[drum'n'bass]</option>  
  24. <option value="[funk]">[funk]</option>  
  25. <option value="[hardcore]">[hardcore]</option>  
  26. <option value="[hip-hop]">[hip-hop]</option>  
  27. <option value="[house]">[house]</option>  
  28. <option value="[metál ]">[metál]</option>  
  29. <option value="[ost]">[ost]</option>  
  30. <option value="[pop]">[pop]</option>  
  31. <option value="[r'n'b]">[r'n'b]</option>  
  32. <option value="[raggae]">[raggae]</option>  
  33. <option value="[rock]">[rock]</option>  
  34. <option value="[szimfonikus]">[szimfonikus]</option>  
  35. <option value="[techno]">[techno]</option>  
  36. <option value="[trance]">[trance]</option>  
  37. <option value="[egyéb]">[egyéb]</option>  
  38. </select>  
  39. &nbsp;<input type="text" SIZE="10" name="text1" id="text1" disabled ="true">&nbsp;&nbsp;  
  40. <br>  
  41. Előadó(k) neve:&nbsp;&nbsp;<input type="text" SIZE="30" name="text2" id="text2" onblur="append2textarea(this.value)">&nbsp;&nbsp;  
  42. <br>  
  43. Megjelenés éve: <input type="text" SIZE="2" name="text3" id="text3" maxlength="4" onblur="append2textarea(this.value)">&nbsp;&nbsp;  
  44. <br>  
  45. Album címe:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" SIZE="30" name="text4" id="text4" onblur="append2textarea(this.value)">&nbsp;&nbsp;  
  46. <br>  
  47. Típus:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select id="valami" onchange="beir(this)" name="valami">  
  48. <option value="">--Válassz--</option>  
  49. <option value="[FLAC]">[FLAC]</option>  
  50. <option value="[M4A]">[M4A]</option>  
  51. <option value="[DTS.CUE]">[DTS.CUE]</option>  
  52. <option value="[SACD.CUE]">[SACD.CUE]</option>  
  53. <option value="[LPCM.CUE]">[LPCM.CUE]</option>  
  54. </select>  
  55. &nbsp;<input type="text" SIZE="11" name="text" id="text" disabled ="true">  
  56. <br /><textarea id="osszegzes" cols="40" rows="10"></textarea>    
  57. </form>  
  58. <br>  
4

működik

lomajpurre · 2007. Nov. 17. (Szo), 16.09
Hali!
Kösz, ez így működik, de lehetne még 1 kérdésem?
úgy kéne hogy nem textarea-ban jelenjen meg hanem ebben:

<input type="text" name="name" size="80"/><br />

és még egy: az adatoknak(megjelenés éve, műfaj, stb...) meghatározott helyük legyen így: |műfaj|előadó|megjelenés éve|album címe|típus| és ha már megadtam pl. az egyiket utána már csak változzon, mert most ahányszor kattintok pl. a [FLAC]-re annyiszor írja ki.
Köszönöm szépen!
5

tanulj

zila · 2007. Nov. 19. (H), 10.10
Kaptál egy működő kódot, kicsit olvass utána, próbáld értelmezni a scriptet és igazítsd az igényeidhez. Az itt senkit nem érdekel, hogy nem értesz a javascripthez. Ez itt egy fórum, nem ingyen munkások gittegylete.