Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Mały problem w htmlu
#1
Witam,
Kod:
<body onload="document.getElementById('a').disabled = true">

Tu jest jakiś regulamin ...
<form method="POST" action="index.html">      <center>
    <p><input type="checkbox" id="C1" name="C1" value="ON" onchange="document.getElementById('a').disabled=checked?false:true"> <label for="C1">akceptuję regulamin</label></p>
        <input type="image" src="images/dodaj.png" value="Wejdź" id="a" name="B1">
        
        <body onload="document.getElementById('a').disabled = true">
        <form method="POST" action="index.html">
        <p><input type="checkbox" id="C1" name="C1" value="ON" onchange="document.getElementById('a').disabled=checked?false:true"> <label for="C1">akceptuję regulamin</label></p>

        <input type="image" src="images/przejdz.png" value="Wejdź" id="a" name="B1">
</form>
</body>

Tak wygląda kod - chodzi o to, że są 2 obrazki img a checkbox ma blokować te obrazki do czasu ich zaznaczenia (akceptacja regulaminu)
Jak na razie udało mi się tylko zrobić, że albo tylko 1 obrazek był blokowany albo tak jak w kodzie powyżej są 2 okienka checkboxa - a zależy mi żeby 1 okienko blokowało oby 2 img... jak to zrobić ?

Pozdrawiam
Odpowiedz
#2
nie wiem czy dobrze rozumuję. Ale nie może być dwóch rzeczy ( obiektów ) o takim samym identyfikatorze. Zmień dla jednego na np. a1 czy b i sprawdź.
Cytat:Wyrazić to co czuję , zabrakło by tyle słów....
Odpowiedz
#3
A możesz napisać jak w 1 skrypcie ująć i a i b?
próbowałem już
'a' 'b'
a,b
'a,b'
jednak przy każdym nie działało jaka tu powinna być składnia?
Odpowiedz
#4
document.getElementById('a').disabled=checked?false:true; document.getElementById('b').disabled=checked?false:true

i podobnie w drugim "skrypcie"
Odpowiedz
#5
Po wpisaniu tego co pan up - działa to tak, że na początku blokuje tylko 1 button, a po zaznaczeniu checka i odznaczeniu już 2 buttony... jednak musi od razu blokować 2
teraz kod wygląda tak:
Kod:
<body onload="document.getElementById('a').disabled = true">
<body onload="document.getElementById('b').disabled = true">

Tu jest jakiś regulamin ...
<form method="POST" action="index.html">      <center>
    <p><input type="checkbox" id="C1" name="C1" value="ON" onchange="document.getElementById('a').disabled=checked?false:true; document.getElementById('b').disabled=checked?false:true">

<label for="C1">akceptuję regulamin</label></p>
        <input type="image" src="images/dodaj.png" value="Wejdź" id="a" name="B1">
         <input type="image" src="images/przejdz.png" value="Wejdź" id="b" name="B1">
</form>
</body>
Odpowiedz
#6
a widziałeś gdzieś żeby było 2x body ?! Weź się najpierw podstaw naucz.
Kod PHP:
<!DOCTYPE HTML>
<
html>

<
head>
<
style type="text/css">
    
form {
        
width:300px;
        
margin:0 auto;
        
text-align:center;
    }
</
style>
</
head>

<
body onload="document.getElementById('a').disabled = true;document.getElementById('b').disabled = true;">

Tu jest jakiś regulamin ...
<
form method="POST" action="#" onsubmit="return false;">    
    <
p>
      <
input type="checkbox" id="C1" name="C1" value="ON"
 
onchange="document.getElementById('a').disabled=checked?false:true;
 document.getElementById('b').disabled=checked?false:true"
>

    <
label for="C1">akceptuję regulamin</label></p>
        <
input type="image" src="http://infobudek.pl/files/45_add%20symbol.png" value="Wejdź" id="a" name="B1" onclick="alert('test');" />

        <
input type="image" src="http://www.dzialka.lebork.pl/images/go-button.jpg" value="Wejdź" id="b" name="B1" onclick="alert('test2');" />
    </
p>
</
form>
</
body>
</
html


pousuwaj sobie na swoje potrzeby. Nie ingerowałem w kod zbytnio tylko po prostu dopisałem sobie , żeby nigdzie mnie nie przenosiło i , żeby mi alert wyświetlało.
Cytat:Wyrazić to co czuję , zabrakło by tyle słów....
Odpowiedz
#7
mi akurat zależało by na tym, żeby alert zostawał wyświetlany kiedy regulamin nie zostanie zaakceptowany, a nie wtedy kiedy zostanie.
Poza tym dzięki up - bo działa
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  [JS] Mały problemik z funkcją mores4 0 1,192 08-03-2010, 21:03
Ostatni post: mores4

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl