Forum PHP.pl > [PHP][HTML]Przycisk pojawiający się po kliknięciu w link

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][HTML]Przycisk pojawiający się po kliknięciu w link

Kamil9132

25.08.2012, 00:27:47

Witam
W jaki sposób można zrobić przycisk, który staje się dostępny po kliknięciu w link?
Chodzi mi o to w jaki sposób zrobić żeby przycisk "Wyślij" na formularzu rejestracyjnym stawał się możliwy do kliknięcia dopiero po kliknięciu w link, który znajdowałby się nad nim.

ShadowD

25.08.2012, 00:31:12

Java script, jako nie znasz się to spróbuj z jquery jest bardzo proste w użyciu.

$() - znajdujesz swój link
.click(function(){...}) - dodajesz zdarzenie click w jego ciele "..."
$() - szukasz przycisku do wysyłania
.attr() - zmieniasz właściwość display na true

Tyle, poszukaj przykładów i z tym sobie poradzisz bez znajomości jq.

bpskiba

25.08.2012, 09:13:03

W moim odczuciu jquery jest znacznie bardziej "zamotany" niż javascript

[HTML] pobierz, plaintext 
<HTML>
<HEAD>
<script LANGUAGE="JavaScript" TYPE="text/javascript">
function f1()
  {
   document.getElementById("k").disabled=false;
  }
</SCRIPT>
</HEAD>
<BODY>
 <a href="http://www.onet.pl" target="blanc" onclick="f1()">odblokuj</a>
 <form> <input type="button"  value="guzior" id="k" disabled="disabled"></form>
</BODY>
</HTML>
[HTML] pobierz, plaintext

Kamil9132

25.08.2012, 12:22:18

Dzięki za pomoc, ale mam jeszcze jeden problem z tym przyciskiem.

Spróbowałem zastosować kod bpskiba do formularza rejestracyjnego, ale po kliknięciu na link nic się nie działo, przycisk nadal był niedostępny:

[HTML] pobierz, plaintext 
<HEAD>
<script LANGUAGE="JavaScript" TYPE="text/javascript">
function f1()
  {
   document.getElementById("submit").disabled=false;
  }
 
 
</SCRIPT>
</HEAD>
 
<tr>
	<td class="row1"><a href="http://www.onet.pl" target="blanc" onclick="f1()">odblokuj</a></td>
 
</tr>
 
 
 
 
<tr>
	<td class="cat" colspan="2" align="center">{S_HIDDEN_FIELDS}<input class="btnmain" type="submit" name="submit" id="submit" disabled="disabled" value="{L_SUBMIT}" />  <input class="btnlite" type="reset" value="{L_RESET}" name="reset" /></td>
</tr>
</table>
{S_FORM_TOKEN}
</form>
[HTML] pobierz, plaintext

Korzystam z formularza rejestracyjnego phpbb3, który przed zmianą wyglądał tak:

[HTML] pobierz, plaintext 
<tr>
	<td class="cat" colspan="2" align="center">{S_HIDDEN_FIELDS}<input class="btnmain" type="submit" name="submit" id="submit" value="{L_SUBMIT}" />  <input class="btnlite" type="reset" value="{L_RESET}" name="reset" /></td>
</tr>
</table>
{S_FORM_TOKEN}
</form>
[HTML] pobierz, plaintext

jepek

25.08.2012, 12:33:49

http://jsfiddle.net/4mhq7/

bpskiba

25.08.2012, 12:34:18

bałaganu narobiłeś.....
gdzie jest <html>
gdzie jest <body>
gdzie jest </body>
gdzie jest </html>

javascript nie musi być w sekcji head. Może być w sekcji body lub w osobnym pliku
jak posprzątasz będzie działać

ShadowD

25.08.2012, 20:31:53

Daj gotowe rozwiązanie do ręki to potem takie klocki...

@bpskiba nie powinno się mieszać css z html i tak samo js z html, kod js powinien dać w osobnym pliku i oprogramować całość, zakładając takie śmiecenie to w zamieszanym jq kod wyglądał by po prostu:
$('#id').attr('disabled','disabled') (blokada)

A i dla userów bez js taki sposób całkowicie uniemożliwi wykonanie skryptu, blokadę też powinniśmy założyć w js a nie css/html... Dopisując blokadę w js(całą funkcję podałem wyżej) i korzystając z reszty od @jepek uzyskasz najbardziej poprawne rozwiązanie problemu.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.