[Javascript] onkeyup ombouwen naar submit

[Verwijderd]

Omdat ik er achter ben gekomen dat een submit zonder submitbutton, dus een automatische submit, niet erg handig is bij DB queries (dit idee has ik overigens al) wil ik het volgende formulier ombouwen naar een normale submit variant.

Zie: [AJAX] Formsubmit met delay voor mijn oude topic.

Het gaat om deze code:

code:

<form action="javascript:get(document.getElementById('myform'));" name="myform" id="myform">
                    <input name="fieldname" type="text" onkeyup="javascript:get(this.parentNode);">
        </form>

De vraag is natuurlijk of dit haalbaar zal zijn of dat ik een hele rewrite van de code moet gaan doen.

Ik ben al bezig geweest met onclick en onsubmit, dit werkt alleen niet, en ik denk omdat ik in dit geval ook afhankelijk ben van andere javascript welke samen werkt met de onkeyup functie.

Kan iemand mij hier in raden ?

[Juup]

Tsja ik zal toch maar even reageren zodat je weet waarom je m.i. zo weinig replies krijgt:

• Je probleem is erg vaag
• Wij weten niets over de "andere javascript welke samen werkt met de onkeyup functie"
• Je verwijst naar een andere post die we blijkbaar ook maar even moeten lezen om genoeg context te hebben
• Je sluit je post niet af met een concrete vraag maar met een hele algemene (geef eens wat advies).
• Samengevat: stel eens een concrete vraag met beknopte relevante context.

[Borizz]

Verwijderd schreef op vrijdag 06 juni 2008 @ 12:17:
Omdat ik er achter ben gekomen dat een submit zonder submitbutton, dus een automatische submit, niet erg handig is bij DB queries (dit idee has ik overigens al) wil ik het volgende formulier ombouwen naar een normale submit variant.

Moeten wij zo weten waar dit over gaat? Er is geen touw aan vast te knopen ik ben het volledig met jaaap eens.

Verder geef je ook niet aan wat je nu zelf al wel of niet gedaan hebt of wat nu je probleem is dat je wilt verhelpen. Het stukje code dat je post is volgens mij ook niet echt relevant. Maak eens een duidelijke testcase en geef aan wat er niet goed gaat en wat je zelf hebt geprobeerd om het op te lossen.

[Verwijderd]

code:

<form action="javascript:get(document.getElementById('myform'));" id="myform">
   <input name="fieldname" type="text">
   <input type="submit" value="Opslaan!">
</form>

[Verwijderd]

Verwijderd schreef op zaterdag 07 juni 2008 @ 21:37:

code:

<form action="javascript:get(document.getElementById('myform'));" id="myform">
   <input name="fieldname" type="text">
   <input type="submit" value="Opslaan!">
</form>

Dank je, dit heb ik ook geprobeerd.

Ik krijg alleen een Javascript error dat get niet gedefinieerd is, wat opzich wel logisch kan zijn omdat het script wat de data eigenlijk ophaalt na het typen het niet meer snapt:

code:

<script type="text/javascript" language="javascript">
   var http_request = false;
   function makeRequest(url, parameters) {
      http_request = false;
      if (window.XMLHttpRequest) { // Mozilla, Safari,...
         http_request = new XMLHttpRequest();
         if (http_request.overrideMimeType) {
            // set type accordingly to anticipated content type
            //http_request.overrideMimeType('text/xml');
            http_request.overrideMimeType('text/html');
         }
      } else if (window.ActiveXObject) { // IE
         try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
         } catch (e) {
            try {
               http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {}
         }
      }
      if (!http_request) {
         alert('Cannot create XMLHTTP instance');
         return false;
      }
      http_request.onreadystatechange = alertContents;
      http_request.open('GET', url + parameters, true);
      http_request.send(null);
   }

   function alertContents() {
      if (http_request.readyState == 4) {
         if (http_request.status == 200) {
            //alert(http_request.responseText);
            result = http_request.responseText;
            document.getElementById('myspan').innerHTML = result;            
         } else {
            alert('There was a problem with the request.');
         }
      }
   }
   
   function get(obj) {
      var getstr = "?";
      for (i=0; i<obj.childNodes.length; i++) {
         if (obj.childNodes[i].tagName == "INPUT") {
            if (obj.childNodes[i].type == "text") {
               getstr += obj.childNodes[i].name + "=" + obj.childNodes[i].value + "&";
            }
            if (obj.childNodes[i].type == "checkbox") {
               if (obj.childNodes[i].checked) {
                  getstr += obj.childNodes[i].name + "=" + obj.childNodes[i].value + "&";
               } else {
                  getstr += obj.childNodes[i].name + "=&";
               }
            }
            if (obj.childNodes[i].type == "radio") {
               if (obj.childNodes[i].checked) {
                  getstr += obj.childNodes[i].name + "=" + obj.childNodes[i].value + "&";
               }
            }
         }   
         if (obj.childNodes[i].tagName == "SELECT") {
            var sel = obj.childNodes[i];
            getstr += sel.name + "=" + sel.options[sel.selectedIndex].value + "&";
         }
         
      }
      makeRequest('get.php', getstr);
   }
</script>

[Juup]

Je moet ook vooral niet reageren op Borizz en mijn post hoor, of iets er uit ter harte nemen.

[Verwijderd]

Juup schreef op zondag 08 juni 2008 @ 00:00:
Je moet ook vooral niet reageren op Borizz en mijn post hoor, of iets er uit ter harte nemen.

Ben ik dat verplicht dan ?

Ik was van mening dat ik niet mijn topic hoefde te herhalen, dit zou als crosspost gezien kunnen worden.

Als je interesse hebt in hebt in het topic dan had je ook even door kunnen klikken naar de links.

Je kwam nogal vervelend op me over, als een mod dit nu had gezegd had ik "ja" gezegd, maar blijkbaar heb ik prima verwezen en geen crosspost/topic heb gemaakt.

[ Voor 0% gewijzigd door Verwijderd op 08-06-2008 01:03 . Reden: typo ]

[Verwijderd]

Als ik jouw code zo bekijk, zou ik zeggen schrap dat hele AJAX uit je pagina. AJAX is leuk, maar in zeer weinig gevallen draagt het ook werkelijk bij aan de usability. Zeker in jouw voorbeeld zie ik AJAX meer als last dan als must.

(en dan doel ik met name op de javascript in de form-action; behoorlijk ranzig wel )

[ Voor 16% gewijzigd door Verwijderd op 08-06-2008 02:14 ]

[Patriot]

Gebruik dit:

HTML:

<form action="" onsubmit="get(document.getElementById('myform')); return false;" name="myform" id="myform">
  <input name="fieldname" type="text" onkeyup="get(this.parentNode);">
</form>

De fout die je maakte was er van uitgaan dat je de javascript zomaar in de action kon zetten, terwijl dat niet kan. Onsubmit is wat je nodig hebt.

[ Voor 7% gewijzigd door Patriot op 08-06-2008 02:25 ]

[krvabo]

Verwijderd schreef op zondag 08 juni 2008 @ 00:38:
[...]


Ben ik dat verplicht dan ?

Ik was van mening dat ik niet mijn topic hoefde te herhalen, dit zou als crosspost gezien kunnen worden.
Als je interesse hebt in hebt in het topic dan had je ook even door kunnen klikken naar de links.

Eerder gezegd kom jij hier vervelender over dan de user die eerder een opmerking maakte
Maargoed. Zoals TheProspector al zegt: het is meer een last. Blijkbaar heb je dit script ook niet zelf geschreven

In ieder geval zou zoiets moeten werken:
.. (zie beneden)
De get.php in de action is namelijk om het ook te laten werken zonder javascript. Als het goed is worden namelijk met GET de variabelen in de querystring gezet.
Wat hij nu doet is onsubmit (enter of submitbutton) de functie aanroepen en dan zorgen dat het formulier niet gesubmit wordt. Als je javascript uitstaat kent ie de return false dus ook niet.

De code hierboven iets beter:

HTML:

<form action="get.php" method="get" onsubmit="get(document.getElementById('myform')); return false;" id="myform">
   <input name="fieldname" type="text" onkeyup="get(document.getElementById('myform'));">
   <input type="submit" value="Opslaan!">
</form>

[ Voor 25% gewijzigd door krvabo op 08-06-2008 02:30 ]

[Verwijderd]

Na er even rustig voor te zijn gaan zitten blijkt het script aangepast te zijn zodat gebruikers hiervan POST en GET kunnen gebruiken.

Ideaal mensen die cross-use scripts bouwen !

Dank voor de hulp !

[XangadiX]

hmm, tja, mja, de TS is inderdaad wat vaag, maar het probleem is opgelost dus ik sluit het Topic.

Eerlijk gezegd weet ik nu niet of ik hier mensen moet gaan spanken omdat ze een draadje aan het kapen zijn, of omdat de TS wat aan de vage kant is. Jullie zouden wat mij betreft allemaal beter moeten weten.