Forum PHP.pl > [PHP][JavaScript][AJAX]Blokowanie pola formularza.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][JavaScript][AJAX]Blokowanie pola formularza.

gylopl

30.06.2009, 18:28:54

Witam!
Mam skrypt, który wyswietla mi dane poprzez ajax, chcialbym aby po wybraniu optiona 2,3 badz 4 blokowal sie formularz.
plik ajax.php

[PHP] pobierz, plaintext 
<?php
echo'<script src="ajax.js"></script>';
echo'<form> 
Wybierz osobę:
<select id="k" onchange="showUser(this.value)">
<option value="1">wybierz droge</option>
 <option value="2">Idę prosto</option>
 <option value="3">Idę w prawo</option>
 <option value="4">Idę w lewo</option>
</select>
</form><div id="txtHint"></div><br><br>
 
';
?>
[PHP] pobierz, plaintext

Do pliku getajax.php dodalem

Kod

var k = document.getElementById(k);
k.disabled=true;

jednak to mi nie chce zadzialac;/

plik getajax.php

[PHP] pobierz, plaintext 
<?php
$q=$_GET[&#092;"q\"];
if($q == 1){
    echo 'Wybierz drogę!';
}
else if($q == 2){
    echo 'Idziesz prosto
    <script type=\"text/javascript\">
var k = document.getElementById(k);
k.disabled=true;
!';
    ?>
    
    }else if($q == 3){
    echo'Idziesz w prawo
    <script type=\"text/javascript\">
var k = document.getElementById(k);
k.disabled=true;
';
}else if($q == 4){
    echo'Idziesz w lewo
    <script type=\"text/javascript\">
var k = document.getElementById(k);
k.disabled=true;
';
}else{
    
}
?>
[PHP] pobierz, plaintext

plik ajax.js

Kod

     var xmlHttp

         function showUser(str)
         {
         xmlHttp=GetXmlHttpObject()
         if (xmlHttp==null)
          {
          alert ("Browser does not support HTTP Request")
          return
          }
         var url="getajax.php"
         url=url+"?q="+str
         url=url+"&sid="+Math.random()
         xmlHttp.onreadystatechange=stateChanged
         xmlHttp.open("GET",url,true)
         xmlHttp.send(null)
         }

         function stateChanged()
         {
         if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
          {
          document.getElementById("txtHint").innerHTML=xmlHttp.responseText
          }
         }

         function GetXmlHttpObject()
         {
         var xmlHttp=null;
         try
          {
          // Firefox, Opera 8.0+, Safari
          xmlHttp=new XMLHttpRequest();
          }
         catch (e)
          {
          //Internet Explorer
          try
           {
           xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
           }
          catch (e)
           {
           xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
           }
          }
         return xmlHttp;
         }

http://equipment.cba.pl/ajax/ajax.php stronka z formularzem

prosze o pomoc!

kamil4u

30.06.2009, 18:57:56

Powiem szczerze, że nie sprawdzałem całego kodu bo nie widzę zmiennej "k", dlatego myślę:

Kod

var k = document.getElementById(k); //<--, że tu k powinno być w ", czyli ...getElementById("k");
k.disabled=true;

Chyba, że nie wstawiłeś całego kodu, bądź coś pominąłem

gylopl

30.06.2009, 19:11:17

Cytat(kamil4u @ 30.06.2009, 19:57:56 )

Chyba, że nie wstawiłeś całego kodu, bądź coś pominąłem

Pierwszy kod byl niepelny, dalek k w cudzyslow ale nie pomoglo

michal_robak

30.06.2009, 19:32:32

Nie ma tu chyba za wiele co kombinować. Dajesz po prostu w pliku ajax.js w tej funkcji showUser(str) na jej końcu taką linijkę:

[PHP] pobierz, plaintext 
<?php
document.getElementById('k').disabled=true;
?>
[PHP] pobierz, plaintext

i powinno być po kłopocie. Plik getajax.php powinien ci tylko służyć do wypisywania tekstu. Pozdrawiam

EDIT
AHA I POPRAW PLIK getajax.php bo w takiej formie jak przedstawiłeś nie ma prawa działać.

gylopl

30.06.2009, 20:05:42

Cytat(michal_robak @ 30.06.2009, 20:32:32 )

Nie ma tu chyba za wiele co kombinować. Dajesz po prostu w pliku ajax.js w tej funkcji showUser(str) na jej końcu taką linijkę:

[PHP] pobierz, plaintext 
<?php
document.getElementById('k').disabled=true;
?>
[PHP] pobierz, plaintext

i powinno być po kłopocie. Plik getajax.php powinien ci tylko służyć do wypisywania tekstu. Pozdrawiam

ale jak wybiore "wybierz droge" to tez zablokuje formularz, co zrobic zeby blokowalo jak wybiore prosto,prawo,lewo?

Cytat(michal_robak @ 30.06.2009, 20:32:32 )

EDIT
AHA I POPRAW PLIK getajax.php bo w takiej formie jak przedstawiłeś nie ma prawa działać.

co poprawic?bo nie bardzo znam ajaxa:) sciagnalem ten caly skrypt z neta i przerobilem zeby pobieral dane z ifow, a nie bazy danych.

dzieki za odpowiedz robak:)

michal_robak

30.06.2009, 20:19:49

Skoro przesyłasz wartość elementu K jako argument funkcji to piszesz:

[PHP] pobierz, plaintext 
<?php
if(str!=1)
   document.getElementById('k').disabled=true;
//gdzie str to twoj argument funkcji
?>
[PHP] pobierz, plaintext

a plik getajax.php powinien wygladac tak:

[PHP] pobierz, plaintext 
<?php
$q=$_GET['q'];
if($q == 1){
   echo 'Wybierz drogę!';
}
else if($q == 2){
   echo 'Idziesz prosto!';   
   }else if($q == 3){
   echo'Idziesz w prawo';
}else if($q == 4){
   echo'Idziesz w lewo';
}
?>
[PHP] pobierz, plaintext

i tu jest czysty PHP w tym pliku

. Ja też zaczynałem przygode z ajaxem od tegoż własnie pliku ajax.js i myslałem boże a na co to i po co hehe. Powodzenia i bądź wytrwały

gylopl

30.06.2009, 20:27:51

dzięki mistrzu:)

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.