Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Dodanie tekstu w js
gregi1
post
Post #1





Grupa: Zarejestrowani
Postów: 134
Pomógł: 0
Dołączył: 24.03.2007

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


Pytanie mam funkcje:

  1. function dodaj_element(kontener){
  2. var znacznik = document.createElement('input');
  3.  
  4. znacznik.setAttribute('type', 'text');
  5. znacznik.setAttribute('name', 'Imie');
  6.  
  7. znacznik.className = 'upload';
  8.  
  9. var kontener = document.getElementById(kontener);
  10. kontener.appendChild(znacznik);
  11.  
  12. }
  13. //-->


I moje pytanie jest jak z lewej strony tego inputa wyswietlic jakis tekst. Np. Podaj imie...
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
gregi1
post
Post #2





Grupa: Zarejestrowani
Postów: 134
Pomógł: 0
Dołączył: 24.03.2007

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


Wiesz co nie wiem czy dobrze to zrobilem ale moja strona wyglada tak i troche to nie dziala, bo od razu mam wyswietlone inputy, a po kliknieciu w przycisk nic sie nie dzieje

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  5. <link href="css/main.css" rel="stylesheet" type="text/css">
  6. <script type="text/javascript" src="js/swfobject.js"></script>
  7. <script type="text/javascript" src="js/script.js"></script>
  8. <script type="text/javascript" src="js/skrypt.js"></script>
  9. <script language="javascript">AC_FL_RunContent = 0;</script>
  10. <script src="pl/AC_RunActiveContent.js" language="javascript"></script>
  11. <script type="text/javascript" src="jquery.js"></script>
  12.  
  13.  
  14. <script type="text/javascript">
  15. $(document).ready(
  16. function(){
  17. $("a.add").click(function(){
  18. // pobierasz id kontenera
  19. var kontener = $(this).attr('id')+ '_div';
  20. // tworzysz diva (kontenera dla lablela inputa i linku do usuniecia
  21. var new_div = '<div class="holder">';
  22. // tworzysz label i inputa
  23. var new_label_input = '<label for="input_1">Podaj imie:</label><input type="text" id="input_1" class="upload" />';
  24. // tworzysz nowy link
  25. var new_link = $('<a href="#" >usun</a>');
  26. // dodajesz funkcje ktora po kliknieciu w link usunie parent div (czyli calego diva z labelem inputem i tym kliknietym a)
  27. new_link.click(function(){
  28. $(this).parent("div").remove();
  29. return false;
  30. });
  31. // dodajesz do diva lablel i input
  32. new_div.append(new_label_input);
  33. // dodajesz do diva link
  34. new_div.append(new_link);
  35. // dodajesz do kontenera caly div
  36. $('#'+kontener).append(new_div);
  37. return false;
  38. });
  39. });
  40. </head>
  41.  
  42.  
  43. <div id="kontener_na_nowe_inputy_div">
  44. <a href="#" class="add" id="kontener_na_nowe_inputy" title="Dodaj nowy input" >dodaj</a>
  45. </div>
  46.  
  47. <div class="holder"><label for="input_1">Podaj imie</label><input type="text" id="input_1" class="upload" /></div>
  48. <style type="text/css">
  49. .holder {clear: both; width: 600px;}
  50. .holder label{width: 300px; float: left; display: inline;}
  51. .holder input{display: inline;}
  52. <div>
  53. <div class="holder"><label for="input_1">Input 1</label><input type="text" id="input_1" class="upload" /></div>
  54.  
  55. </div>
  56.  
  57. </body>
  58. </html>
Go to the top of the page
+Quote Post

Posty w temacie
- gregi1   Dodanie tekstu w js   12.11.2008, 22:53:55
- - melkorm   przed "wkładaniem" inputa możesz dać: K...   13.11.2008, 00:24:16
- - gregi1   Pomoglo tylko czesciowo bo moge wstawic ten kod ty...   13.11.2008, 09:00:55
- - nospor   tekst dodajesz na identycznej zasadzie co inputa -...   13.11.2008, 09:14:49
- - gregi1   Pewnie ze przyjemniej ale ja jestem kompletnym lai...   13.11.2008, 09:35:14
- - nospor   http://docs.jquery.com/How_jQuery_Works czyli stan...   13.11.2008, 09:40:47
- - vokiel   Jak już dodajesz inputa, to zamiast paragrafu lepi...   13.11.2008, 10:36:48
- - gregi1   To jeszcze jedno pytanie jest dodaje sobie kilka p...   13.11.2008, 21:10:29
- - vokiel   Żadnej tabelki nie potrzebujesz, css wystarczy ust...   14.11.2008, 12:05:59
|- - gregi1   Cytat(vokiel @ 14.11.2008, 12:05:59 )...   14.11.2008, 12:36:36
- - vokiel   Nie tej funkcji już nie musisz mieć, tak...   14.11.2008, 14:40:07
- - gregi1   Wiesz co nie wiem czy dobrze to zrobilem ale moja ...   14.11.2008, 16:32:15
- - vokiel   Rzeczywiście nie mogło działać, przy tworzeniu div...   15.11.2008, 15:03:20
- - gregi1   Wielkie dzieki, pomoglo. Nawet wiedzialem jak prze...   16.11.2008, 11:06:37
- - vokiel   Cytat(gregi1 @ 16.11.2008, 11:06:37 )...   17.11.2008, 10:05:51
- - gregi1   Wiesz co jestem kompletnym laikiem ale nie dziala ...   17.11.2008, 14:46:33
- - vokiel   [HTML] pobierz, plaintext <!DOCTYPE HTML PUBLIC...   21.11.2008, 11:26:12
- - gregi1   Wielkie dzieki za pomoc, to mam jeszcze prosbe, po...   26.11.2008, 19:16:29
- - erix   http://www.sitepoint.com/article/ajax-jquery/   27.11.2008, 18:15:46
- - gregi1   Cytat(erix @ 27.11.2008, 18:15:46 ) h...   27.11.2008, 22:05:05
- - erix   To w click. Kod$.get('link.php',...   27.11.2008, 22:14:13
- - gregi1   Cytat(erix @ 27.11.2008, 22:14:13 ) T...   28.11.2008, 14:29:37
- - erix   http://docs.jquery.com/Main_Page Poszukaj, bo mi ...   28.11.2008, 14:33:20


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 6.10.2025 - 03:09