Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript] <select> i <input>
red9skull
post 23.11.2009, 17:30:30
Post #1





Grupa: Zarejestrowani
Postów: 157
Pomógł: 0
Dołączył: 11.07.2009
Skąd: root

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

Mam na stronie index.php taki kod:
[HTML] pobierz, plaintext 
  1. <select name="ubek" id="ubek">
  2. <option value="&t=reputacja">Punkty reputacji</option>
  3. <option value="&t=posty">Liczba postów</option>
  4. <option value="&t=znajomi">Liczba znajomych</option>
  5. </select>
  6.  
  7. <input type="text" size="75" value="http://mazishare.co.cc/sygna.png?u=user" />
[HTML] pobierz, plaintext

I chcę zrobić tak, żeby po wybraniu, np. "Liczba postów" dopisywało się do inputa "&t=posty". Czyli, żeby input wyglądał tak:
[HTML] pobierz, plaintext 
  1. <input type="text" size="75" value="http://mazishare.co.cc/sygna.png?u=user&t=posty" />
[HTML] pobierz, plaintext

Jak to zrobić bez przeładowania strony?

Ten post edytował red9skull 23.11.2009, 17:31:16


--------------------
zmoderowano - zbyt fajna
Go to the top of the page
+Quote Post
darko
post 23.11.2009, 17:44:45
Post #2





Grupa: Zarejestrowani
Postów: 2 885
Pomógł: 463
Dołączył: 3.10.2009
Skąd: Wrocław

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

[HTML] pobierz, plaintext 
  1.  
  2. <html>
  3. <body>
  4.  
  5. <select name="ubek" id="ubek">
  6. <option value="&t=reputacja" onclick="addtxt(this.value)">Punkty reputacji</option>
  7. <option value="&t=posty" onclick="addtxt(this.value)">Liczba postów</option>
  8. <option value="&t=znajomi" onclick="addtxt(this.value)">Liczba znajomych</option>
  9. </select>
  10.  
  11. <input type="text" id="tutaj" size="75" value="http://mazishare.co.cc/sygna.png?u=user" />
  12.  
  13. <script>
  14. var global_val = document.getElementById('tutaj').value;
  15. function addtxt(arg) {
  16. 		  var  here = document.getElementById('tutaj');
  17. 		  var oryginal_val = global_val;
  18. 		  here.value=oryginal_val;
  19. 		  here.value+=arg;
  20. }
  21.  
  22. </script>
  23.  
  24. </body>
  25. </html>
  26.  
[HTML] pobierz, plaintext


u mnie działa na 100%, pokaż jaki masz komunikat w konsoli i upewnij się, że wszystko skopiowałeś jak należy

Ten post edytował darko 23.11.2009, 18:02:55


--------------------
Nie pomagam na pw, tylko forum.
Go to the top of the page
+Quote Post
red9skull
post 23.11.2009, 17:57:59
Post #3





Grupa: Zarejestrowani
Postów: 157
Pomógł: 0
Dołączył: 11.07.2009
Skąd: root

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

Niestety nie działa :/


--------------------
zmoderowano - zbyt fajna
Go to the top of the page
+Quote Post
MateuszS
post 23.11.2009, 18:02:13
Post #4





Grupa: Zarejestrowani
Postów: 1 429
Pomógł: 195
Dołączył: 6.10.2008
Skąd: Kraków/Tomaszów Lubelski

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

Działa sam sprawdzałem, bo też to pisałem tyle że pan darko mnie wyprzedził


--------------------
O! Zimniok :P
Go to the top of the page
+Quote Post
red9skull
post 23.11.2009, 19:10:32
Post #5





Grupa: Zarejestrowani
Postów: 157
Pomógł: 0
Dołączył: 11.07.2009
Skąd: root

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

Na FireFoxie śmiga ale na Google Chrome nie :/

Ktoś wie czemu na wszystkich przeglądarkach działa a na Chrome nie?

Ja się nie poddam, zrozumcie to mi jest na gwałt potrzebne a Google Chrome nie czyta tego przykładu blinksmiley.gif


--------------------
zmoderowano - zbyt fajna
Go to the top of the page
+Quote Post
darko
post 23.11.2009, 19:12:20
Post #6





Grupa: Zarejestrowani
Postów: 2 885
Pomógł: 463
Dołączył: 3.10.2009
Skąd: Wrocław

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

a ma konsolę błędów, która coś zwraca, pokaż błąd albo opisz co się (nie) dzieje, skąd mam wiedzieć, nie korzystam z chrome


--------------------
Nie pomagam na pw, tylko forum.
Go to the top of the page
+Quote Post
red9skull
post 23.11.2009, 19:35:37
Post #7





Grupa: Zarejestrowani
Postów: 157
Pomógł: 0
Dołączył: 11.07.2009
Skąd: root

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

Tuż po '<script>' jest alert:
Unmatched </span> encountered. Ignoring tag.


Poprawiłem to ale nadal nie działa. Konsola nic więcej nie wyświetla.


--------------------
zmoderowano - zbyt fajna
Go to the top of the page
+Quote Post
kefirek
post 23.11.2009, 19:36:20
Post #8





Grupa: Zarejestrowani
Postów: 781
Pomógł: 256
Dołączył: 29.06.2008

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

A tak ?
Kod
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
var url = $("#tutaj").val();
$("#ubek").change(function (){
var val = "";
$("select[name=ubek] option:selected").each(function () {
val += $(this).val();
});
$("#tutaj").val(url + val);
});
})
</script>
</head>
<body>

<select name="ubek" id="ubek">
<option value="&t=reputacja">Punkty reputacji</option>
<option value="&t=posty">Liczba postów</option>
<option value="&t=znajomi">Liczba znajomych</option>
</select>

<input type="text" id="tutaj" size="75" value="http://mazishare.co.cc/sygna.png?u=user" />

<div id="wynik"></div>
</body>
</html>


Ten post edytował kefirek 23.11.2009, 19:39:16
Go to the top of the page
+Quote Post
darko
post 23.11.2009, 19:37:19
Post #9





Grupa: Zarejestrowani
Postów: 2 885
Pomógł: 463
Dołączył: 3.10.2009
Skąd: Wrocław

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

Zamień <script> na <script type="text/javascript"> i pokaż całość kodu, który wykonujesz.


--------------------
Nie pomagam na pw, tylko forum.
Go to the top of the page
+Quote Post
red9skull
post 24.11.2009, 12:35:40
Post #10





Grupa: Zarejestrowani
Postów: 157
Pomógł: 0
Dołączył: 11.07.2009
Skąd: root

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

Dzięki @kefirek biggrin.gif Twój skrypt działa na GC haha.gif

oczywiście dałem "pomógł" ;]

Mam kolejny problem z tym smile.gif Po tym inpucie mam mniej więcej taki obrazek:
[HTML] pobierz, plaintext 
  1. <img src="http://mazishare.co.cc/userbar.png?u=" title="Userbar użytkownika " />
[HTML] pobierz, plaintext

I chodzi o to, że do atrybutu 'src' muszę dopisać to co do inputa. Mało tego. Bez przeładowania strony ten obrazek musi się przeładować (bo to co dopisuję do niego, zmienia jego wygląd). Kompletnie nie wiem jak się za to zabrać.

Ten post edytował red9skull 24.11.2009, 12:36:08


--------------------
zmoderowano - zbyt fajna
Go to the top of the page
+Quote Post
piotrooo89
post 24.11.2009, 12:36:50
Post #11


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
takie rzeczy to tylko w AJAX'ie... tylko tam możesz zrobić jakieś zmiany bez przeładowania strony.


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
red9skull
post 24.11.2009, 12:49:58
Post #12





Grupa: Zarejestrowani
Postów: 157
Pomógł: 0
Dołączył: 11.07.2009
Skąd: root

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

No dobrze ale podasz jakiś pzykład? Ja nigdy z ajaxem nie miałem doczynienia.


--------------------
zmoderowano - zbyt fajna
Go to the top of the page
+Quote Post
piotrooo89
post 24.11.2009, 12:53:43
Post #13


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
szczerze to tak z palca Ci czegoś takiego nie napisze.
http://docs.jquery.com/Ajax jak chcesz to podpiąć do swojego w jQuery to polecam lekture.


--------------------
Manual nie boli!

Profesjonalne Call Center

Ouzo Framework
Go to the top of the page
+Quote Post
red9skull
post 24.11.2009, 15:53:25
Post #14





Grupa: Zarejestrowani
Postów: 157
Pomógł: 0
Dołączył: 11.07.2009
Skąd: root

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

A coś bardziej PL?

questionmark.gif


--------------------
zmoderowano - zbyt fajna
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: 19.07.2025 - 17:27
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn