Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [PHP][HTML]Przycisk pojawiający się po kliknięciu w link
Kamil9132
post 25.08.2012, 00:27:47
Post #1





Grupa: Zarejestrowani
Postów: 210
Pomógł: 0
Dołączył: 7.11.2010

Ostrzeżenie: (10%)
X----

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.
Go to the top of the page
+Quote Post
ShadowD
post 25.08.2012, 00:31:12
Post #2





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

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

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.


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post
bpskiba
post 25.08.2012, 09:13:03
Post #3





Grupa: Zarejestrowani
Postów: 340
Pomógł: 49
Dołączył: 3.07.2009
Skąd: Rzeszów

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

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

[HTML] pobierz, plaintext 
  1. <HTML>
  2. <HEAD>
  3. <script LANGUAGE="JavaScript" TYPE="text/javascript">
  4. function f1()
  5.   {
  6.    document.getElementById("k").disabled=false;
  7.   }
  8. </SCRIPT>
  9. </HEAD>
  10. <BODY>
  11.  <a href="http://www.onet.pl" target="blanc" onclick="f1()">odblokuj</a>
  12.  <form> <input type="button"  value="guzior" id="k" disabled="disabled"></form>
  13. </BODY>
  14. </HTML>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
Kamil9132
post 25.08.2012, 12:22:18
Post #4





Grupa: Zarejestrowani
Postów: 210
Pomógł: 0
Dołączył: 7.11.2010

Ostrzeżenie: (10%)
X----

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 
  1. <HEAD>
  2. <script LANGUAGE="JavaScript" TYPE="text/javascript">
  3. function f1()
  4.   {
  5.    document.getElementById("submit").disabled=false;
  6.   }
  7.  
  8.  
  9. </SCRIPT>
  10. </HEAD>
  11.  
  12. <tr>
  13. 	<td class="row1"><a href="http://www.onet.pl" target="blanc" onclick="f1()">odblokuj</a></td>
  14.  
  15. </tr>
  16.  
  17.  
  18.  
  19.  
  20. <tr>
  21. 	<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>
  22. </tr>
  23. </table>
  24. {S_FORM_TOKEN}
  25. </form>
[HTML] pobierz, plaintext


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

[HTML] pobierz, plaintext 
  1. <tr>
  2. 	<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>
  3. </tr>
  4. </table>
  5. {S_FORM_TOKEN}
  6. </form>
[HTML] pobierz, plaintext


Ten post edytował Kamil9132 25.08.2012, 12:33:25
Go to the top of the page
+Quote Post
jepek
post 25.08.2012, 12:33:49
Post #5





Grupa: Zarejestrowani
Postów: 55
Pomógł: 10
Dołączył: 12.08.2007

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

http://jsfiddle.net/4mhq7/
Go to the top of the page
+Quote Post
bpskiba
post 25.08.2012, 12:34:18
Post #6





Grupa: Zarejestrowani
Postów: 340
Pomógł: 49
Dołączył: 3.07.2009
Skąd: Rzeszów

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

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ć smile.gif
Go to the top of the page
+Quote Post
ShadowD
post 25.08.2012, 20:31:53
Post #7





Grupa: Zarejestrowani
Postów: 1 333
Pomógł: 137
Dołączył: 25.03.2008
Skąd: jesteś??

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

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.

Ten post edytował ShadowD 25.08.2012, 20:33:56


--------------------
Mój blog - o wszystkim i niczym ale zazwyczaj związane z informatyką! ;-)
Githube

Usługi spawalnicze i monterskie | Park linowy Lublin i Okunince
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

RSS Wersja Lo-Fi Aktualny czas: 26.04.2025 - 01:26
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn