Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][JavaScript] Automatyczne wczytywanie opcji, radio button, value
tomekpl
post 11.02.2009, 20:41:27
Post #1





Grupa: Zarejestrowani
Postów: 134
Pomógł: 5
Dołączył: 9.08.2008
Skąd: Szczecin

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

Witam, mam lekki problem. Mam funkcje java script, która umożliwia wczytywanie tekstu po wyborze opcji.

Opis skryptu:
Mam do wyboru opcje "radio button"
o Jeden
o Dwa
Po kliknięciu na jedną opcje od razu wyświetla się tekst value w input.

Kod
  <script language="JavaScript">

        function sprawdzRadio(param) {
    document.listyFormularz.pole.value=param;
}
</script>


kod w body:

Kod
<form name="listyFormularz" method="post" onsubmit="sprawdzEmail();">
<input name="radiobutton" value="Jeden" onclick="sprawdzRadio(this.value)" type="radio"> Jeden<br>
<input name="radiobutton" value="Dwa" onclick="sprawdzRadio(this.value)" type="radio">Dwa<br />
        
<input name="pole" type="text">
  
</form>


Wszystko działa jak należy, ale ja chcę, aby tekst wyświetlał się w div.
Mniej więcej w takiej formie:
Kod
<div id=pole>tutaj txt</div>

Jeżeli jest jakieś inne rozwiązanie to chętnie wykorzystam.
Z góry dzięki.
Go to the top of the page
+Quote Post
isso
post 11.02.2009, 20:44:42
Post #2





Grupa: Zarejestrowani
Postów: 296
Pomógł: 32
Dołączył: 3.01.2005

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

chcesz ustawiać w div`ie to musisz zrobić:
Kod
var xyz=document.getElementById('pole');
xyz.innerHTML = param;


cos takiego mniej wiecej smile.gif


--------------------
www.inoclegi.net | www.tomaszozga.com
Go to the top of the page
+Quote Post
tomekpl
post 11.02.2009, 20:59:38
Post #3





Grupa: Zarejestrowani
Postów: 134
Pomógł: 5
Dołączył: 9.08.2008
Skąd: Szczecin

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

Dzięki, działa, a da się zrobić coś takiego jak:
<input name="radiobutton" value="1" onclick="sprawdzRadio(this.value)" type="radio"> Jeden<br>

i dać warunek, że jeżeli value jest równy jeden na locie to wczyta załóżmy zmienną $1 w div'a? Aby nie czytało tekstu w value.
Go to the top of the page
+Quote Post
erix
post 11.02.2009, 21:08:19
Post #4





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Podstaw odpowiednią zmienną zamiast this.value. winksmiley.jpg


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
tomekpl
post 11.02.2009, 21:18:27
Post #5





Grupa: Zarejestrowani
Postów: 134
Pomógł: 5
Dołączył: 9.08.2008
Skąd: Szczecin

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

Kod
<input name="radiobutton" value="tooo" onclick="sprawdzRadio(this.value)" type="radio"> Jeden<br>
<input name="radiobutton" value="onet.pl" onclick="sprawdzRadio($po)" type="radio">Dwa<br />


Coś takiego wykonałem, ale nie chce pojść, kod jest w tagach php
Go to the top of the page
+Quote Post
isso
post 11.02.2009, 21:25:31
Post #6





Grupa: Zarejestrowani
Postów: 296
Pomógł: 32
Dołączył: 3.01.2005

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

$po ? ale to zmienna z php...


--------------------
www.inoclegi.net | www.tomaszozga.com
Go to the top of the page
+Quote Post
tomekpl
post 11.02.2009, 21:26:57
Post #7





Grupa: Zarejestrowani
Postów: 134
Pomógł: 5
Dołączył: 9.08.2008
Skąd: Szczecin

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

Tak erix napisał..

Co mam dodać zamiast:
this.value questionmark.gif

Ten post edytował tomekpl 11.02.2009, 21:30:23
Go to the top of the page
+Quote Post
isso
post 11.02.2009, 21:37:47
Post #8





Grupa: Zarejestrowani
Postów: 296
Pomógł: 32
Dołączył: 3.01.2005

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

no tak, ale to musi być w tagach jak cos:
[PHP] pobierz, plaintext 
  1. <?php
  2. echo $po;
  3. ?>
[PHP] pobierz, plaintext

albo cos analogicznego


--------------------
www.inoclegi.net | www.tomaszozga.com
Go to the top of the page
+Quote Post
tomekpl
post 11.02.2009, 21:39:53
Post #9





Grupa: Zarejestrowani
Postów: 134
Pomógł: 5
Dołączył: 9.08.2008
Skąd: Szczecin

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

Tak mam, chyba napisałem że kod jest w tagach php

Taki kod:
[PHP] pobierz, plaintext 
  1. <?php
  2. $po="ddddddddddddddddd";
  3.  
  4. echo'
  5. <form name="listyFormularz" method="post" onsubmit="sprawdzEmail();">
  6. <input name="radiobutton" value="tooo" onclick="sprawdzRadio(this.value)" type="radio"> Jeden<br>
  7. <input name="radiobutton" value="onet.pl" onclick="sprawdzRadio('.$po.')" type="radio">Dwa<br />
  8.         
  9. <input name="pole" type="text">
  10.   
  11. </form>
  12. '; ?>
[PHP] pobierz, plaintext


Ten post edytował tomekpl 11.02.2009, 21:42:37
Go to the top of the page
+Quote Post
isso
post 11.02.2009, 21:42:07
Post #10





Grupa: Zarejestrowani
Postów: 296
Pomógł: 32
Dołączył: 3.01.2005

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

aaa... juz chyba rozumiem o co Ci chodzi... ale takie przeładowanie nie jest już takie proste... bo wszystkie $`ki są po stronie serwera... a te zmiany to wykonują sie w przeglądarce... musiałbyś użyć AJAX`a do tego.


--------------------
www.inoclegi.net | www.tomaszozga.com
Go to the top of the page
+Quote Post
tomekpl
post 11.02.2009, 21:44:16
Post #11





Grupa: Zarejestrowani
Postów: 134
Pomógł: 5
Dołączył: 9.08.2008
Skąd: Szczecin

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

Cytat(isso @ 11.02.2009, 21:42:07 ) *
aaa... juz chyba rozumiem o co Ci chodzi... ale takie przeładowanie nie jest już takie proste... bo wszystkie $`ki są po stronie serwera... a te zmiany to wykonują sie w przeglądarce... musiałbyś użyć AJAX`a do tego.


Rozumiem, a nie da się jakoś this.name czy jakoś tak i przystosować zmienne do tego questionmark.gif
Go to the top of the page
+Quote Post
isso
post 11.02.2009, 21:52:34
Post #12





Grupa: Zarejestrowani
Postów: 296
Pomógł: 32
Dołączył: 3.01.2005

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

tak jak napisalem, kod, który tu masz działa już po stronie przeglądarki... wiec jezeli cokolwiek możesz tutaj przypisać musi być już w JS. nie ma możliwości odczytania zamiennych z PHP bez użycia AJAX`a.

Mógłbyś dokładnie jeszcze napisać co to wszystko ma robić... i trochę więcej kodu, gdzie się wysypuje to może to jakoś obejdziemy


--------------------
www.inoclegi.net | www.tomaszozga.com
Go to the top of the page
+Quote Post
tomekpl
post 11.02.2009, 21:58:32
Post #13





Grupa: Zarejestrowani
Postów: 134
Pomógł: 5
Dołączył: 9.08.2008
Skąd: Szczecin

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

Kod
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
  <script language="JavaScript">

        function sprawdzRadio(param) {


    var listyFormularz=document.getElementById('pole');
listyFormularz.innerHTML = param;
}
</script>
  <meta name="author" content="tomekpl" />
  <link rel="stylesheet" type="text/css" href="style.css" />

<meta name="keywords" content="pżm">
  <meta name="description" content="PŻM" />
  <link rel="shortcut icon" href="images/ico.ico" type="image/x-icon" />

  <title>PŻM</title>
</head>
<body>
<?php
$po="ddddddddddddddddd";
echo $po;
echo'
<form name="listyFormularz" method="post" onsubmit="sprawdzEmail();">
<input name="radiobutton" value="tooo" onclick="sprawdzRadio(this.value)" type="radio"> Jeden<br>
<input name="radiobutton" value="onet.pl" onclick="sprawdzRadio('.$po.')" type="radio">Dwa<br />
        
<input name="pole" type="text">
  
</form>
'; ?>


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


To jest cały kod. Chciałbym aby po wyborze opcji, w div pojawiała się treść.

Próbowałem już z ajax, ale wczytuje z innych plików i nie czyta zmiennych, nie wiem dlaczego.
Go to the top of the page
+Quote Post
isso
post 11.02.2009, 22:13:32
Post #14





Grupa: Zarejestrowani
Postów: 296
Pomógł: 32
Dołączył: 3.01.2005

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

[HTML] pobierz, plaintext 
  1. <?php $po="ddddddddddddddddd";
  2. echo $po;
  3. echo "
  4. <form name=\"listyFormularz\" method=\"post\" onsubmit=\"sprawdzEmail();\">
  5. <input name=\"radiobutton\" value=\"tooo\" onclick=\"sprawdzRadio(this.value)\" type=\"radio\"> Jeden<br>
  6. <input name=\"radiobutton\" value=\"onet.pl\" onclick=\"sprawdzRadio('".$po."')\" type=\"radio\">Dwa<br />
  7.  
  8. <input name=\"pole\" type=\"text\">
  9.  
  10. </form>
  11. "; ?>
[HTML] pobierz, plaintext


tak powinna wyglada ta czesc


--------------------
www.inoclegi.net | www.tomaszozga.com
Go to the top of the page
+Quote Post
tomekpl
post 11.02.2009, 22:16:43
Post #15





Grupa: Zarejestrowani
Postów: 134
Pomógł: 5
Dołączył: 9.08.2008
Skąd: Szczecin

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

Dzięki, zwraca to od razu wynik to pola (), ale value mam wolne, lepsze to niż nic smile.gif
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: 24.04.2024 - 02:05
Powered By IP.Board © 2024  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn