Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Dynamiczne dodawanie pól formularza wraz z trescią w value
bluepk
post
Post #1





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 20.04.2009

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

Witajcie!

Mam problem, otoz mam kod, ktory tworzy mi pola w formularzu.
Kod:

<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
label { display: block;}label a{
color: #CC0000;
text-decoration: none; margin-left: 5px;
}
label a:hover{
text-decoration: underline;
}
</style>
<script>
$(document).ready(
function()
{
$("#dodaj").click(function()
{
var new_label = $("<label>");
var new_input = $("<input>");
new_input.attr("type", "text");
var new_link = $("<a>");
new_link.attr("href", "#");
new_link.html("usuń");
new_link.click(function()
{
$(this).parent("label").remove();
return false;
});
new_label.append(new_input);
new_label.append(new_link);
$("form[name=formularz]").append(new_label);

return false;
});
});
</script>
</head>
<body>

<a href="#" id="dodaj">Dodaj</a>
<form name="formularz" action="">
</form>
</body>


Chce aby bylo wiecej przyciskow Dodaj - np dodaj+tekst, dodaj+tekst2 i zeby ten tekst byl wyswietlany jako value w dodanym polu input. Probowalem dodac value, ale nie moglem tego przekazac z linku do pola.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 9)
reaktor
post
Post #2





Grupa: Zarejestrowani
Postów: 18
Pomógł: 1
Dołączył: 2.01.2010

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

Nie dzialalo Ci z najprawdopodobniej dlatego, ze 'value'
nie jest prawidlowym atrybutem elementu <a>.

Robiles pewnie takie przypisanie, i to zadziala np. z title:
[HTML] pobierz, plaintext 
  1. new_input.val(this.title);
  2. ...
  3. <a href="#" id="doda" title="CostamCostam">Dodaj Costam</a><BR>
[HTML] pobierz, plaintext

Gdybys koniecznie chcial uzywac value (ale value jest nieprawidlowym
atrybutem wiec rownie dobrze mozesz wymyslec dowolna nazwe),
mozna zrobic tak:
[HTML] pobierz, plaintext 
  1. new_input.val($(this).attr("wrzutadoinputa"));
  2. ...
  3. <a href="#" id="dodaj" wrzutadoinputa="Ble">Dodaj BleBle</a>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
bluepk
post
Post #3





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 20.04.2009

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

Świetnie, dzięki.

Ale jeszcze jedna sprawa - myślalem, ze stosuja linki <a href="#" id="dodaj" wrzucdoinputa="1"><a href="#" id="dodaj" wrzucdoinputa="2"><a href="#" id="dodaj" wrzucdoinputa="3">

to beda mi sie tworzyly kolejne pola z dana wartoscia, ale sie mylilem. Dziala tylko klikniecie na 1 link. Da sie to jakos zmienic?
Go to the top of the page
+Quote Post
reaktor
post
Post #4





Grupa: Zarejestrowani
Postów: 18
Pomógł: 1
Dołączył: 2.01.2010

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

Bo id z definicji powinno byc unikalne (IMG:style_emoticons/default/smile.gif)

Przyporzadkuj kliniecie w linka wg class i bedzie dobrze.
Go to the top of the page
+Quote Post
bluepk
post
Post #5





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 20.04.2009

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

no tak, ale przy class juz nie dziala caly skrypt.
Go to the top of the page
+Quote Post
nospor
post
Post #6





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
No bo juz nie $('#dodaj') a $('.nazwaklasy')
I poczytaj o LIVE
Go to the top of the page
+Quote Post
bluepk
post
Post #7





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 20.04.2009

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

no tak. robilem tylko ("class") a nie (".class"). Z teraz juz ostatnie pytanie mam:
new_input.attr("style", "border:0px;background:kolor;width:20px;"); i chce wstawic tresc z value jeszcze w miejsce kolor.

Dziekuje za pomoc!
Go to the top of the page
+Quote Post
phpion
post
Post #8





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




 
[HTML] pobierz, plaintext 
  1. new_input.attr("style", "border:0px;background:" + value + ";width:20px;");
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
bluepk
post
Post #9





Grupa: Zarejestrowani
Postów: 12
Pomógł: 0
Dołączył: 20.04.2009

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

przy takim ukladzie nie dziala calosc, probowalem roznych kombinacji i nic

rano juz rozwizanem ten problem. chodzilo o 
[HTML] pobierz, plaintext 
  1. new_input.attr("style", "background:"+$(this).attr("kolor")+";");
  2.  
[HTML] pobierz, plaintext


teraz jeszcze sie zastanawiam jak zrobic ograniczenie ilosci dodawanych pol i blokowaniu wybierania tych samych 2 razy. Tylko ciezko to zrobic jesli nie ma okreslonego name wszystkich pol.
Go to the top of the page
+Quote Post
reaktor
post
Post #10





Grupa: Zarejestrowani
Postów: 18
Pomógł: 1
Dołączył: 2.01.2010

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

Wiec w czym problem? Po prostu dorabiaj "name"
podczas produkcji inputow.

Zeby nie bylo wiecej nieporozumien wstawiam caly dziajacy
przyklad. Nie jest to moze bardzo eleganckie, ale robi wszystko
czego potrzebowales.


[HTML] pobierz, plaintext 
  1. <head>
  2. <!-- 
  3. <script src="http://code.jquery.com/jquery-latest.js"></script>
  4. -->
  5. <script src="jquery-1.3.2.js" type="text/javascript"></script>
  6.  
  7. <style type="text/css">
  8. label { 
  9.     display: block;
  10. }
  11. label a{
  12.     color: #CC0000;
  13.     text-decoration: none; margin-left: 5px;
  14. }
  15. label a:hover{
  16.     text-decoration: underline;
  17. }
  18. </style>
  19. <script>
  20. $(document).ready(function() {
  21. $(".dodaj").click(function()
  22. {    
  23.     var kolorek = $(this).attr("wrzutadoinputa");
  24.  
  25.     var powtorka = false;
  26.     var cnt=0;
  27.     var cntmax=4;
  28.     $("#myform input.autoinput").each(function(){
  29.         cnt++;
  30.         if (this.id == "autoinput_"+kolorek) {
  31.             powtorka = true;
  32.         }
  33.     });
  34.     if (powtorka) {
  35.         $("#info").text("Juz wybrales ten kolor");
  36.         return;
  37.     } else {
  38.         $("#info").text("");
  39.     }
  40.     if (cnt>=cntmax) {
  41.         $("#info").text("Mozesz wybrac maksymalnie: " + cntmax);
  42.         return;
  43.     }
  44.  
  45.     var new_label = $("<label>");
  46.     var new_input = $("<input>");
  47.     new_input.attr("type", "text");
  48.     new_input.attr("class", "autoinput");
  49.     new_input.attr("id", "autoinput_"+kolorek);
  50.  
  51.     new_input.val(kolorek);
  52.     new_input.attr("style", "background-color:" + kolorek + ";border:0px;:blue;width:200px;");
  53.     //new_input.val(this.title);
  54.  
  55.     var new_link = $("<a>");
  56.     new_link.attr("href", "#");
  57.     new_link.html("usun");
  58.     new_link.click(function()
  59.     {
  60.         $(this).parent("label").remove();
  61.         return false;
  62.     });
  63.  
  64.     new_label.append(new_input);
  65.     new_label.append(new_link);
  66.     $("form[name=formularz]").append(new_label);
  67.  
  68.     return false;
  69. });
  70. });
  71. </script>
  72. </head>
  73. <body>
  74.  
  75. <a href="#" class="dodaj" wrzutadoinputa="red" onclick="return false">_R_</a>
  76. <a href="#" class="dodaj" wrzutadoinputa="green">_G_</a>
  77. <a href="#" class="dodaj" wrzutadoinputa="blue">_B_</a>
  78. <BR>
  79. <a href="#" class="dodaj" wrzutadoinputa="cyan">_C_</a>
  80. <a href="#" class="dodaj" wrzutadoinputa="magenta">_M_</a>
  81. <a href="#" class="dodaj" wrzutadoinputa="yellow">_Y_</a>
  82. <hr/>
  83. <span id="info"></span>
  84. <BR><BR>
  85.  
  86. <form id="myform" name="formularz" action="">
  87.  
  88. </form>
  89. </body>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · XML, AJAX · 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 · Linearny+ · Przełącz na: Drzewo

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

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