Avaleht
uus teema   vasta Tarkvara »  WWW »  jquery teema märgi kõik teemad loetuks
märgi mitteloetuks
vaata eelmist teemat :: vaata järgmist teemat
mine lehele 1, 2, 3  järgmine
Hinnavaatlus :: Foorum :: Uudised :: Ärifoorumid :: HV F1 ennustusvõistlus :: Pangalink :: Telekavad :: HV toote otsing
autor
sõnum Saada viide sõbrale.  :: Teata moderaatorile teata moderaatorile
otsing:  
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 01.07.2010 15:19:55 jquery teema vasta tsitaadiga
kas keegi oskaks mulle tuua ühe näite, kus esimine.php kuvatakse form ja siis submititakse mingi info näiteks submit.php peale ja saadakse sealt siis vastus, näiteks kontrollitakse, kas kõik on õigesti sisestatud ning siis esimine.php-s kuvatakse see info!

see krt on nii segane teema. netis kõik tutorialid on tehtud mingiks ulme keerulisteks. tahaks saada sellist minimaalset näidet, et sealt siis hakata edasiliikuma
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!

viimati muutis keevitaja 04.07.2010 22:37:12, muudetud 1 kord
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 01.07.2010 18:29:01 vasta tsitaadiga
Kui sa ennem saadad ära ja alles siis kontrollid, siis ei ole üldse JS vaja, käib ka puhas php
Saatsid ära, kontrollisid oli viga, selle veateatega pöördud nüüd uuesti saatmislehele tagai
header('Location: esimine.php?viga='.$viga);   

ja kuvad selle seal.


if(isset($_GET['viga']){
echo $_GET['viga'];
}



JS abil teed täpselt samad kontroll funktsioonid, mis ennem olid php baasil ja ennem saatmist juba kontrollid. Kui viga sees, siis ei saadagi.

Midagi hästi lihtsustatult. Kontrollitakse, kas väljal on number, kui on, siis saadetakse, kui mitte antakse veateade.


<form action="submit.php" method="post" id="f1">
<input type="text" name="number" size="40" maxlength="256" id="nr" onKeyPress="return disableEnterKey(event)">
<input type="button" value="Saada" id="nupp">
</form>

<div id="modalkast"></div>

<script>
document.getElementById('nupp').onclick = function(){
kontroll();
}

function kontroll(){
var nr = document.getElementById('nr').value;
if(nr == parseFloat(nr)){saada();} else { document.getElementById('modalkast').innerHTML="See ei ole number!";}
}

function saada(){
document.getElementById('f1').submit();
}

function disableEnterKey(e)
{
     var key;


     if(window.event)
          key = window.event.keyCode;     //IE
     else
          key = e.which;     //firefox

     if(key == 13)
         { kontroll();return false;}
     else
          return true;
}
</script>

_________________


viimati muutis andrusny 01.07.2010 20:21:40, muudetud 1 kord
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 01.07.2010 18:54:27 vasta tsitaadiga
no point oleks ikka selles, et ei peaks kogu lehte uuest refreshima...

ehk siis mingi jquery pluginiga, näiteks jquery ui, tõmbaks mingi divi, kus form on, modalisse ja siis submitiks ning kui kõik on ok, siis seal modalis tuleks mingi teade
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 01.07.2010 19:03:25 vasta tsitaadiga
http://jsbin.com/ayavi/7

Ehk sobib?
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
fadah
HV vaatleja
fadah

liitunud: 12.11.2007



Autoriseeritud ID-kaardiga
sõnum 01.07.2010 19:30:54 vasta tsitaadiga
Ei kontrollinud aga saad siit aimu kuida asi toimib panin peast kokku midagi kipelt.


//esileht.php vms iganes
<form action="#" method="post" id="form1">
<input type="text" name="field">
<input type="button" value="send">
</form>
<div id="modalkast"></div>

//jquery siis
$(document).ready(function(){
$('#modalkast').html($('#form1')); //lisame vormi modali aknasse võid kohe kah vormi modali aknasse staatiliselt kirjutada
  $('input[type=button]').live('click',function(){ //kasuta jquery 1.4 versiooni live selleks ,et vorm on dynaamiliselt lisatud click event töötab livega ainult.
     //kontrollime, et tekstikast ei oleks tühi
   if ( $('input[name=field].val() != '' )
     {
     $.post('submit.php',{ field: $('input[name=field].val() },function(data){ 
        $('#modalkast').append('<br />'+data);//kuvame tagasiside modali aknasse
     });
     }
})
});

//submit.php osa
<?php

if ( isset($_POST['field']) )
   {
     if ( !empty($_POST['field'] ) //igaksjuhuks kontrollime veel
       {
        mysql_query('INSERT INTO BLA VALUE("'.mysql_real_escape_string($_POST['field']) ).'");
        echo "Väärtus sisestatud"; //tagastame selle jqueryile ja näitame modali aknas.
       }
   }
<?
Kommentaarid: 3 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 3
tagasi üles
vaata kasutaja infot saada privaatsõnum
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 01.07.2010 19:53:42 vasta tsitaadiga
tsitaat:
no point oleks ikka selles, et ei peaks kogu lehte uuest refreshima...

Mu JS abil tehtud näide ongi ju selle pointiga. Ei toimu mingit refreshi, kui väljadel on viga, see veateade tuleb kohe.
JQ abil saad muidugi kenama koodi.
_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 01.07.2010 20:08:09 vasta tsitaadiga
kas see nüüd peaks töötama? tean, et modalit pole, kuid kas vastus sinna modalkasti peaks tulema? mul ei tule...
html:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <script type="text/javascript" src="jquery-1.4.2.js"></script>
  6. <script>
  7. $(document).ready(function(){
  8. $('#modalkast').html($('#form1'));
  9.   $('input[type=button]').live('click',function(){
  10.  
  11.      $.post('submit.php',{ field: $('input[name=field].val()' },function(data){
  12.         $('#modalkast').append('<br />'+data);
  13.      });
  14.  
  15. });
  16. });
  17. </script>
  18. <title>Untitled Document</title>
  19. </head>
  20. <body>
  21. <form action="#" method="post" id="form1">
  22.   <input type="text" name="field">
  23.   <input type="button" value="send">
  24. </form>
  25. <div id="modalkast"></div>
  26. </body>
  27. </html>


submit.php:
<?php
$test = trim($_POST['field']);
$response = (!empty($test)) ? 'korras' : 'pole mingit datat';
echo 'tagastame: '. $response;
?>

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 01.07.2010 20:11:09 vasta tsitaadiga
Tee lihtsalt console.log(data) ja vaata mis sisuks on.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 01.07.2010 20:18:33 vasta tsitaadiga
mikk36 kirjutas:
Tee lihtsalt console.log(data) ja vaata mis sisuks on.

kuidas? icon_lol.gif ma ei jaga muffigi mis ma teen.
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 01.07.2010 20:24:39 vasta tsitaadiga
Arvan, et data sisu puudub, sealt nagu ei paista, et ta kusagilt andmeid saaks.
_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Renka
HV Guru
Renka

liitunud: 01.04.2002



Autoriseeritud ID-kaardiga
sõnum 01.07.2010 20:30:10 vasta tsitaadiga
javascript:
  1. $.post('submit.php',{ field: $('input[name=field].val()' },function(data){


Muuda selliseks:
javascript:
  1. $.post('submit.php',{ field: $('input[name=field]').val() },function(data){


Või siis selliseks kui tahad terve vormi postitada:
javascript:
  1. $.post('submit.php', $('#form1').serialize(), function(data){

_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 01.07.2010 20:51:44 vasta tsitaadiga
Renka, thumbs_up.gif
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 01.07.2010 22:15:35 vasta tsitaadiga
nii, ma sain nii kaugele, et ennem igat teadet kustutatakse eelmine teade ning vist submititakse ainult id form1 korral. aga kuis teha nõnda, et kui klikkida seda olematu peale, siis seda käitletakse nagu tavalist formi. samuti oleks vaja, et input sisu tehakse peale igat submitti tühjaks. $('#field').empty() ei toimi, kuid vaevalt see empty() selleks mõeldud kah on!

javascript:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <script type="text/javascript" src="jquery-1.4.2.js"></script>
  6. <script>
  7. $(document).ready(function(){
  8.          $('#form1').live('click',function(){
  9.                  $.post('submit.php', $('#form1').serialize(), function(data){
  10.                               $('#modalkast').empty().append('<br />'+data);
  11.                                 $('#field').empty();
  12.                  });
  13.          });
  14. });
  15. </script>
  16. <title>Untitled Document</title>
  17. </head>
  18. <body>
  19. <form action="#" method="post" id="form1">
  20.   <input type="text" name="field" id="field">
  21.   <input type="button" value="send">
  22. </form>
  23. <br>
  24. <form action="olematu.php" method="post">
  25.   <input type="button" value="olematu">
  26. </form>
  27. <div id="modalkast"></div>
  28. </body>
  29. </html>


edit: tegelt oleks veel parem, kui terve form peale submitti resetitakse. see on teostatav?

edit: $('#form1').live('click',function(){ see tegelt submitib ka siis kui klikitakse text fieldi või siis näiteks checkboxi... kuidas seda parandada?
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 02.07.2010 00:21:49 vasta tsitaadiga
ma vist sain hakkama, aga see formi resettimine ikka. kas nii on õige?

$(document).ready(function(){
    $('#form1').bind('submit',function(){
         $.post('submit.php', $('#form1').serialize(), function(data){
             $('#modalkast').empty().append(data);
            $('#form1').find('input:text').val('');
            $('#form1').find('input:password').val('');
            $('#form1').find('textarea').val('');
            $('#form1').find('input:checkbox').removeAttr('checked');
         });
         return false;
    });
});
[list=][/list]
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 02.07.2010 09:56:49 vasta tsitaadiga
http://jsbin.com/axohu3/3
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 02.07.2010 14:42:44 vasta tsitaadiga
ma siin arenen vaikselt. kas seda asja natukene paremini saab kirjutada? näiteks see empty() on mul nagu 2x kirjutatud jne...

javascript:
  1. $(document).ready(function(){
  2.          var key = '#form1';
  3.          var url = 'submit.php';
  4.          var useAction = 'form';
  5.          var box = '#modalkast';
  6.          var resetForm = true;
  7.          var clearBox = true;
  8.         
  9.          $.fn.resetForm = function() {
  10.                         $(':input', key)
  11.                                  .not(':button, :submit, :reset, :hidden')
  12.                                  .val('')
  13.                                  .removeAttr('checked')
  14.                                  .removeAttr('selected');
  15.          }
  16.  
  17.          switch(useAction) {
  18.                         case 'get':
  19.                                  $(key).live('click', function() {
  20.                                                 if(clearBox == true) {
  21.                                                          $(box).empty();
  22.                                                 }
  23.                                                 $.get(url, $(key).serialize(), function(data) {
  24.                                                          $(box).append(data);
  25.                                                 });
  26.                                                 return false;
  27.                                  });
  28.                                  break;
  29.                         default:
  30.                                  $(key).bind('submit',function(){
  31.                                                 if(clearBox == true) {
  32.                                                          $(box).empty();
  33.                                                 }
  34.                                                
  35.                                                 $.post(url, $(key).serialize(), function(data){
  36.                                                          $(box).append(data);
  37.                                                         
  38.                                                          if(resetForm == true) {
  39.                                                                         $.fn.resetForm();
  40.                                                          }
  41.                                                 });
  42.                                                 return false;
  43.                                  });
  44.          }
  45. });

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 02.07.2010 15:01:09 vasta tsitaadiga
Mistarvis see get üldse sul praegu on?
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 02.07.2010 15:28:38 vasta tsitaadiga
hetkel niisama. tutvun jqueryga. proovin mingi plugina ise kirjutada. õnneks see syntax meenutab natukene php-d aga samas ikka erinev.
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 02.07.2010 15:39:20 vasta tsitaadiga
Ise hakkasin viimati selliseid rakendusi kirjutama JS'is objektidena, stiilis:
javascript:
  1. var minuApp = {
  2.   mingiMuutuja: 'asd',
  3.   mingiTeineMuutuja: 0,
  4.   mingiFunktsioon: function() {},
  5.   mingiTeinefunktsioon: function() {}
  6. };
  7.  
  8. $(document).ready(function() {
  9.   minuApp.init();
  10. });
Ehk on sedapidi tuttavam PHP klassidele?
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 02.07.2010 20:40:27 vasta tsitaadiga
sellele jquery pluginale ma kah pihta ei saa. mis seal valesti on? miks ei lisata teksti?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>jQuery plugin: reverseText demonstration</title>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
</head>
<body>
<script type="text/javascript">
(function($) {
   $.fn.addText = function(params) {
         $(this).append('See on test');
   };
})(jQuery);
$('#kala').addText({});
</script>
<div id="kala"></div>
</body>
</html>

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Renka
HV Guru
Renka

liitunud: 01.04.2002



Autoriseeritud ID-kaardiga
sõnum 02.07.2010 20:44:17 vasta tsitaadiga
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>jQuery plugin: reverseText demonstration</title>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
</head>
<body>
<script type="text/javascript">
(function($) {
   $.fn.addText = function(params) {
         $(this).append('See on test');
   };
})($);
$('#kala').addText({});
</script>
<div id="kala"></div>
</body>
</html>

See peaks toimima
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 02.07.2010 20:47:46 vasta tsitaadiga
ei tööta... kui sinna eelmisesse kirjutasin alert('dfsdfds') siis see kuvati!
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 03.07.2010 13:00:27 vasta tsitaadiga
ma lõpuks sain. neid pluginaid saab lihtalt ka funktsioonina kirjutada:

custom.js:
$.fn.formSubmit = function(options) {
  var defaults = {
    resetForm    : true,
    clearBox     : true
  };
   
  t = (this);
  s = $.extend(defaults, options);
   
  $(t).bind('submit',function(){
    if(s.clearBox == true) {
      $(s.iBox).empty();
    }
   
    $.post(s.url, $(t).serialize(), function(data){
      $(s.iBox).append(data);
     
      if(s.resetForm == true) {
        $(':input', t)
             .not(':button, :submit, :reset, :hidden')
             .val('')
             .removeAttr('checked')
             .removeAttr('selected');
      }                     
    });

    return false;
   });
};($);


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>jQuery plugin: reverseText demonstration</title>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="custom.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  $('#form1').formSubmit({
         url            : 'submit.php',
         iBox         : '#modalkast',
         resetForm   : false
    });
});
</script>
</head>
<body>

<form action="#" method="post" id="form1">
  mingi tekst <input type="text" name="field" id="field" /><br />
   <input type="checkbox" name="field2" /> siin checkime<br /><br />
  <input type="submit" value="send" />
</form>
<br /><br />
<div id="modalkast"></div>
</body>
</html>

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 03.07.2010 13:34:37 vasta tsitaadiga
Mis juhtub juhul kui ununeb ära määrata url option?
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 03.07.2010 16:38:14 vasta tsitaadiga
lolliks läheb... mis siis?
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 03.07.2010 17:32:04 vasta tsitaadiga
aga kuidas ma saaksin $.get nii kasutada, et näiteks fail.php -lt saatakse mingi massiiv ja siis neid väärtusi kasutatakse lehel, kus get käima tõmmati?
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
wigry
HV vaatleja

liitunud: 18.06.2010
sõnum 03.07.2010 20:55:26 vasta tsitaadiga
Te kogu seda asja korralikult JavaScripti ja XHttpRequest objektiga ei taha lahendada? Täiesti sõltumatu serveri poolsest keelest ja toimib igast asendist.
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 03.07.2010 21:42:26 vasta tsitaadiga
ei taha. me tahame ainult jquerit kasutada!
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Renka
HV Guru
Renka

liitunud: 01.04.2002



Autoriseeritud ID-kaardiga
sõnum 03.07.2010 22:41:42 vasta tsitaadiga
wigry kirjutas:
Te kogu seda asja korralikult JavaScripti ja XHttpRequest objektiga ei taha lahendada? Täiesti sõltumatu serveri poolsest keelest ja toimib igast asendist.
Ja mis see jQuery siis on? On ju JavaScript ja kasutab sedasama objekti (olenevalt brauseri toest).

Aga rääkides viimasest küsimusest siis saad ju serveri poolt midaiganes tagastada ja see kõik on sul ju seal callback funktsioonis ka saadaval.

http://api.jquery.com/jQuery.ajax/ ja sealt dataType - saad vajadusel määrata, et mis seal tagasi tuleb. Või siis tuvastatakse automaatselt.
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 03.07.2010 23:59:42 vasta tsitaadiga
Renka, .get puhul saab ka selle paika määrata, ei pea täisvõimalustega .ajax kallale minema.
jQuery.get( url, [ data ], [ callback(data, textStatus, XMLHttpRequest) ], [ dataType ] )

keevitaja, väljasta info JSON formaadis (json_encode) ja saad kenasti array jQuery'le objektiks saata.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
Renka
HV Guru
Renka

liitunud: 01.04.2002



Autoriseeritud ID-kaardiga
sõnum 04.07.2010 01:12:25 vasta tsitaadiga
mikk36, jah ma tean - selle lingi andsingi sellepärast, et seal on lihtsalt asjad lahti kirjutatud.
_________________
There is no place like 127.0.0.1
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 04.07.2010 01:32:39 vasta tsitaadiga
aga kuidas ma selle array siis kätte saan?

function(data) {

data.variable


??
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 04.07.2010 03:19:20 vasta tsitaadiga
php:
  1. $output = array(
  2.   'variable' => 'sisu',
  3.   'variable_2' => 'sisu 2'
  4. );
  5.  
  6. header('Cache-Control: no-cache, must-revalidate');
  7. header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
  8. header('Content-type: application/json');
  9.  
  10. echo json_encode($output);
Selliselt väljastad infot PHP poole pealt.
JS poole pealt saad need siis antud hetkel kätte data.variable ja data.variable_2 kaudu.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 04.07.2010 11:17:09 vasta tsitaadiga
aga kuidas ma htmli need väärtused panen? kas append('<input type="text" value="'+variable+'">') või saab kuidagi teistmoodi? krt vaja óleks ikka asendada ainult value sees!
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 04.07.2010 11:21:41 vasta tsitaadiga
data.variable ikka, kui funktsiooni parameetriks on data.
Ehk siis näiteks:
javascript:
  1. $('#mingi asi').append('<input type="text" value="'+data.variable+'">');


Kui sa soovid võid muidugi enne seda rida teha ka:
javascript:
  1. variable = data.variable;

Siis saad lihtsalt variable kasutada edasi, aga ei näe nagu mõtet sellel.

PHP's oleks selle vast nii:
php:
  1. $klass = new minuTyhiKlass();
  2. $klass->muutuja = 'AHV';
  3. echo '<input type="text" value="' . $klass->muutuja . '">';

Eelnev kood Javascriptis:
javascript:
  1. var klass = {};
  2. klass.muutuja = 'AHV';
  3. $('#mingi asi').append('<input type="text" value="' + klass.muutuja + '">');


Antud juhul .get'i või .post'i puhul antakse sulle ühes muutujas (nime saad ise määrata, levinud on lihtsalt selleks 'data') vastus tagasi. Kui määrad ära et tüüp on JSON, siis ongi selleks javascript objekt.

viimati muutis mikk36 04.07.2010 11:28:10, muudetud 1 kord
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 04.07.2010 11:24:01 vasta tsitaadiga
jajah... aga kas ma nii ei saaks, et html asub ikka body sees ja ma paneks ainult sinna value="data.variable"

<html>
<head>
<script>
//siin on jquery
</script>
</head>
<body>
<form>
<input type="text" value="{data.variable}">
</form>
</body>
</html>

_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 04.07.2010 11:32:05 vasta tsitaadiga
Brauser ei tea mütsigi ju sellest jQuery'st ja ei oska seostada et ta peaks sinna midagi sisuks panema. Selles osas on HTML ja Javascript ikkagi täielikult eraldatud.
Esmalt renderdatakse see HTML kood ära ja siis asutakse Javascripti processima (see käib selle $(document).ready() kaudu).
Kui sa soovid võid ka pärast inputile lihtsalt väärtuse anda aga käivitumise ajal puhtalt nii ei saa.

Edit: kui väga tahaksid saaksid vast terve lehe html koodis otsingut teha ja asendada siis teksti, aga see on mõttetult aeglane.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 04.07.2010 14:09:39 vasta tsitaadiga
aga kas siis jääbki ainult see variant, et tuleb appendid <input type....> ?
ehk siis lehel kuvatakse trobikond infot, näiteks kasutaja andmed, nimi, email jne. siis tahaks ühte kasutajat muuta. tõmban formi modalisse, kuid kust need väärtused sinna saaks? kas peaks ennem igale reale oma formi valmis tegema?
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
andrusny
Kreisi kasutaja
andrusny

liitunud: 20.03.2006
sõnum 04.07.2010 14:47:53 vasta tsitaadiga
Seda input välja saad kergelt ju JQ koodis muuta.

<script type="text/javascript">
$(document).ready(function(){
var nimi = "Peeter";
  $("#nimi").val(nimi);

});
</script>
</head>
<body>
<form action="kuhugi.php" method="post">
<input type="text" name="nimi" size="40" maxlength="256" id="nimi">
</form>

_________________
Kommentaarid: 7 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 7
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 04.07.2010 14:52:50 vasta tsitaadiga
aga vanasti öeldi, et igasugune kontrollimine, näiteks et ikka nimi on sisestatud, tuleks ära teha serveris, kuna kasutaja võib javascripti kinni keerata. aga nende modalitega seda ohtu ju pole? kui javascript on keelatud, või brauser ei toeta seda, siis kasutaja ei saagi üldse midagi ju sisestama hakata... õigus?
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 04.07.2010 16:56:53 vasta tsitaadiga
keevitaja, kontroll tee mõlemas otsas, javascriptiga kontroll on kasutajale kiirem ja meeldivam, serveripoolne on just kurjamite ja ignorantide jaoks, kel javascript kinni keeratud.
Ja kui javascript keelatud... see on su enda otsustada et kas lased üldse ilma JS'ita enda lehte kasutada või siis aretad nii et ilma javascriptita toimub läbi php ja kuivalt.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 04.07.2010 17:32:23 vasta tsitaadiga
aga see on kusjuures hull kirjutamine, see jquery lisamine. siis veel serveris jne.
vb asi selles kah, et alles tutvun selle javascripti värgindusega. aga tundub vinge. see jquery ui on nende formide jaosk vist päris mõistlik thumbs_up.gif
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 04.07.2010 17:56:00 vasta tsitaadiga
Formide jaoks küll ei näe UI's midagi lisaks olevat.
Mis funktsionaalsust sa silmas pead?
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 04.07.2010 18:01:25 vasta tsitaadiga
buttonid. ja üldse meeldib kogu see stuff seal. kuidas neid modaleid teha jne. ilus on kah + erinevad themid. need igasugu fncy ja muud boxid on ikka koledad!
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 04.07.2010 18:03:19 vasta tsitaadiga
bValid = bValid && checkLength(name,'Nimetuse',3,16);


ma ei saa sellest avaldusest hästi aru. kas bValid väärutseks antakse checkLenght väärtus alati või mingil juhul ka bValid ise?
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
Renka
HV Guru
Renka

liitunud: 01.04.2002



Autoriseeritud ID-kaardiga
sõnum 04.07.2010 18:07:19 vasta tsitaadiga
bValid saab väärtuseks kas true või false

b täht muutuja ees näitab ka programmeerimistava kohaselt muutuja tüüpi. Hetkel siis boolean
javascript:
  1. // See on sama mis IF lause
  2. bValid = bValid && checkLength(name,'Nimetuse',3,16);
  3.  
  4. if( bValid && checkLength(name,'Nimetuse',3,16) ) {
  5.     bValid = true;
  6. } else {
  7.     bValid = false;
  8. }

_________________
There is no place like 127.0.0.1

viimati muutis Renka 04.07.2010 18:08:52, muudetud 2 korda
Kommentaarid: 71 loe/lisa Kasutajad arvavad:  :: 2 :: 1 :: 61
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 04.07.2010 18:07:58 vasta tsitaadiga
True/false määratakse.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
keevitaja
AM 10 aastat
keevitaja

liitunud: 05.11.2001
sõnum 04.07.2010 18:10:49 vasta tsitaadiga
php-s kah selline kirjapilt olemas? kuigi see checkLenght juba ise annab kas true või false!
_________________
Hinnavaatlus ei ole koht arvamuse avaldamiseks!
Kommentaarid: 51 loe/lisa Kasutajad arvavad:  :: 1 :: 3 :: 40
tagasi üles
vaata kasutaja infot saada privaatsõnum mine selle kasutaja kodulehele
mikk36
HV Guru
mikk36

liitunud: 21.02.2004
sõnum 04.07.2010 18:14:20 vasta tsitaadiga
keevitaja kirjutas:
php-s kah selline kirjapilt olemas? kuigi see checkLenght juba ise annab kas true või false!
Ikka, PHP's võid nii kirjutada:
$a = $b && $c;
Kui mõlemad $b ja $c on tõesed, siis saab $a väärtuseks true, muul juhul false.
Kommentaarid: 85 loe/lisa Kasutajad arvavad:  :: 0 :: 2 :: 78
tagasi üles
vaata kasutaja infot saada privaatsõnum
morgoth
HV kasutaja
morgoth

liitunud: 14.01.2004
sõnum 04.07.2010 20:27:48 vasta tsitaadiga
Renka kirjutas:

b täht muutuja ees näitab ka programmeerimistava kohaselt muutuja tüüpi. Hetkel siis boolean

See tava pärineb aastast 86? icon_lol.gif
Pole küll sellist asja kuskil koodis varem kohanud...

Edit: sry for OT.
Kommentaarid: 11 loe/lisa Kasutajad arvavad:  :: 0 :: 0 :: 10
tagasi üles
vaata kasutaja infot saada privaatsõnum
näita postitusi alates eelmisest:   
uus teema   vasta Tarkvara »  WWW »  jquery teema mine lehele 1, 2, 3  järgmine
[vaata eelmist teemat] [vaata järgmist teemat]
 lisa lemmikuks
näita foorumit:  
 ignoreeri teemat 
sa ei või postitada uusi teemasid siia foorumisse
sa ei või vastata selle foorumi teemadele
sa ei või muuta oma postitusi selles foorumis
sa ei või kustutada oma postitusi selles foorumis
sa ei või vastata küsitlustele selles foorumis
sa ei saa lisada manuseid selles foorumis
sa võid manuseid alla laadida selles foorumis



Hinnavaatlus ei vastuta foorumis tehtud postituste eest.