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:

[HTML] pobierz, plaintext 
  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. //-->
  14. </script>
[HTML] pobierz, plaintext


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
vokiel
post
Post #2





Grupa: Zarejestrowani
Postów: 2 592
Pomógł: 445
Dołączył: 12.03.2007

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

Rzeczywiście nie mogło działać, przy tworzeniu diva nie ustawiłem go jako elementu dokumentu, tylko ciąg znaków. Poprawiona wersja:
[HTML] pobierz, plaintext 
  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. <head>
  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. <script type="text/javascript">
  14.  
  15. $(document).ready(
  16. 	function(){
  17. 		// aby tworzyc wiecej inputow to trzeba by ustawic ich unikalne id, do tego bedzie ten licznik
  18. 		var licznik=1;
  19. 		$("a.add").click(function(){
  20. 		// pobierasz id kontenera
  21. 		var kontener = $(this).attr('id');
  22. 		kontener = kontener + "_div";
  23. 		// tworzysz diva (kontenera dla lablela inputa i linku do usuniecia
  24. 		var new_div = $('<div class="holder">');
  25. 		// tworzysz label i inputa
  26. 		var new_label_input = '<label for="input_'+licznik+'">Podaj imie:</label><input type="text" id="input_'+licznik+'" class="upload" />';
  27. 		// tworzysz nowy link
  28. 		var new_link = $('<a href="#" >usun</a>');
  29. 		// dodajesz funkcje ktora po kliknieciu w link usunie parent div (czyli calego diva z labelem inputem i tym kliknietym a)
  30. 		new_link.click(function(){
  31. 			$(this).parent("div").remove();
  32. 			return false;
  33. 		});
  34. 		// dodajesz do diva lablel i input
  35. 		new_div.append(new_label_input);
  36. 		// dodajesz do diva link
  37. 		new_div.append(new_link);
  38. 		// dodajesz do kontenera caly div
  39. 		$('#'+kontener).append(new_div);
  40. 		licznik++;
  41. 		return false;
  42. 	});
  43. });
  44. </script>
  45. <style type="text/css">
  46. .holder {clear: both; width: 600px;}
  47. .holder label{width: 300px; float: left; display: inline;}
  48. .holder input{display: inline;}
  49. </style>
  50. </head>
  51. <body>
  52. <div id="kontener_na_nowe_inputy_div">
  53. 	<a href="#" class="add" id="kontener_na_nowe_inputy" title="Dodaj nowy input" >dodaj</a>
  54. </div>
  55. </body>
  56. </html>
[HTML] pobierz, plaintext
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

« Następny starszy · JavaScript · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 7.10.2025 - 03:17
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn