Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Mały problem w htmlu - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Mały problem w htmlu (/thread-maly-problem-w-htmlu)



Mały problem w htmlu - creator - 07-05-2011

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


RE: Mały problem w htmlu - kancik - 07-05-2011

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ź.


RE: Mały problem w htmlu - creator - 08-05-2011

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?


RE: Mały problem w htmlu - Kartofelek - 08-05-2011

document.getElementById('a').disabled=checked?false:true; document.getElementById('b').disabled=checked?false:true

i podobnie w drugim "skrypcie"


RE: Mały problem w htmlu - creator - 09-05-2011

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>



RE: Mały problem w htmlu - kancik - 09-05-2011

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.


RE: Mały problem w htmlu - creator - 10-05-2011

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