Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript] Automatyczne wczytywanie opcji
Forum PHP.pl > Forum > Przedszkole
tomekpl
11.02.2009, 20:41:27
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.
isso
11.02.2009, 20:44:42
chcesz ustawiać w div`ie to musisz zrobić:
Kod
var xyz=document.getElementById('pole');
xyz.innerHTML = param;


cos takiego mniej wiecej smile.gif
tomekpl
11.02.2009, 20:59:38
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.
erix
11.02.2009, 21:08:19
Podstaw odpowiednią zmienną zamiast this.value. winksmiley.jpg
tomekpl
11.02.2009, 21:18:27
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
isso
11.02.2009, 21:25:31
$po ? ale to zmienna z php...
tomekpl
11.02.2009, 21:26:57
Tak erix napisał..

Co mam dodać zamiast:
this.value questionmark.gif
isso
11.02.2009, 21:37:47
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
tomekpl
11.02.2009, 21:39:53
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
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.
tomekpl
11.02.2009, 21:44:16
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
isso
11.02.2009, 21:52:34
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
tomekpl
11.02.2009, 21:58:32
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.
isso
11.02.2009, 22:13:32 
[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
tomekpl
11.02.2009, 22:16:43
Dzięki, zwraca to od razu wynik to pola (), ale value mam wolne, lepsze to niż nic smile.gif
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.