Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [js][php] etykieta checkboxa
puz219
post
Post #1





Grupa: Zarejestrowani
Postów: 201
Pomógł: 0
Dołączył: 1.07.2007

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


Witam.

mam pewien problem, mam funkcje w js, która dodaje mi checkboxy do formularza, tylko, że są to po prostu same okienka, a chcialbym, żeby jeszcze coś kolo nich pisało, tylko nie wiem jak coś takiego zrobić:

Oto kod funkcji dodającej checkboxy:
  1. function dodaj_element(kontener, value){
  2.      var znacznik = document.createElement('input');
  3.      znacznik.setAttribute('type', 'checkbox');
  4.      znacznik.setAttribute('name', 'pple');
  5.      znacznik.setAttribute('value', value);
  6.      znacznik.checked = true;
  7.      znacznik.className = 'lista';
  8.      var kontener = document.getElementById(kontener);
  9.      kontener.appendChild(znacznik);
  10. }


co zrobić, żeby koło checkboxa był jakiś napis:, bo tak, to ma coś takiego:

[+]
[+]

a chcialbym mieć coś takiego:

[+] tekst 1
[+] tekst 2

Proszę o pomoc.

Pozdrawiam
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
puz219
post
Post #2





Grupa: Zarejestrowani
Postów: 201
Pomógł: 0
Dołączył: 1.07.2007

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


Pokombinowałem z tym labelem i wyświetla etykietę, tylko, że jest jeszcze jeden problem.

Wyświetla mi coś takiego:

[+]
Tekst 1
[+]
Tekst 2

Wiem, że jest to związane ze stylami, przynajmniej tak mi sie wydaje, przestawiałem już co nieco, ale dalej nie potrafie rozwiązać tego problemu

Oto kod skryptu z labelem
  1. <script language="javascript">
  2. <!--
  3. function dodaj_element(kontener, value, nazwisko){
  4. var znacznik = document.createElement('input');
  5. znacznik.setAttribute('type', 'checkbox');
  6. znacznik.setAttribute('name', 'pple');
  7. znacznik.setAttribute('value', value);
  8. znacznik.checked = true;
  9. znacznik.className = 'lista';
  10.  
  11. var label = document.createElement("label");
  12.  
  13. var labeltext = document.createTextNode(nazwisko);
  14.  
  15. var kontener = document.getElementById(kontener);
  16. label.appendChild(labeltext);
  17. kontener.appendChild(znacznik);
  18. kontener.appendChild(label);
  19.  
  20. }
  21. //-->


A to arkusz stylów:
  1. <style type="text/css">
  2. <!--
  3. input.lista { display: block; }
  4. -->


Proszę o pomoc, chcialbym, żeby wyglądało tak:

[+] Tekst 1
[+] Tekst 2

Pomocy (IMG:http://forum.php.pl/style_emoticons/default/sciana.gif)

Pozdrawiam

Ten post edytował puz219 21.01.2008, 22:26:23
Go to the top of the page
+Quote Post

Posty w temacie


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: 25.09.2025 - 20:17