Udvikleren.dk - Seneste [ajax] forum tr�de

hj�lp til drag and drop

Sat, 20 Aug 2016 01:21:45 GMT

Jeg har lidt problemer med et drag and drop script som jeg s�ger lidt hj�lp til.

jeg har en database med to tabeller, en tabel med fysiske servere og en tabel med virtuelle servere, disse to tabeller bliver udskrevet i en drag and drop liste. Nu er det jeg skal bruge lidt hj�lp til at opdatere databasen n�r en af de virtuelle servere skifter plads.

mit script ser s�ledes ud:
$('#sortable1, #sortable2').sortable({
axis: 'y',
update: function (event, ui) {
var data = $(this).sortable('serialize');
$.ajax({
data: data,
type: 'POST',
url: 'update.php'
});
}
});

min update.php ser s�ledes ud:

<?php require_once('Connections/test.php'); ?>
<?php

$i = 0;

foreach ($_POST['this'] as $value) {
$data = $_POST['data'];

$sql = "UPDATE tbl_virtuelle_servere SET fysiske_server_id = ? WHERE id = ?";
$i++;
}

?>

Sorterings script Ajax/PHP

Sat, 02 Jan 2016 06:47:38 GMT

Hej. Jeg er igang med at lave en sammenligningsside hvor jeg skal bruge et AJAX/PHP script til at justere hvilke produkter der vises i forhold til hvilke variabler brugeren markere.

Findes der et allerede eksisterende script p� nettet som er nemt at tilpasse efter eget behov?
Jeg har allerede alle v�rdierne i min database, og kan f� det til at virke manuelt (ved tryk p� submit knap), men �nsker at det skal ske flydende uden brug af submit.

Inspiration http://mobilabonnementpriser.dk/ & ligende prissammenlignings sider.

Variabler jeg benytter og �nsker muligt at sortere imellem:
- Pris
- M�ngde
- Landsdel (Jylland, Sj�lland, Fyn + �er)
- Type (7 produkter at v�lge imellem)
- Leveringsdato (Nu / Fremtiden)

Ajax og PHP, dynamisk opdatering

Fri, 04 Dec 2015 21:51:18 GMT

Hej Alle
Jeg roder lidt med en side som skal skifte indhold hver 5 sek og ikke hente hele siden hver gang. (info sk�rm) Jeg er ganske ny udi ajax verden, s� m�ske derfor driller det.

Hvis jeg kalder siden der skal give informationerne (infodata.php) direkte vises det som det skal (demo projekt) og mit script bliver udf�rt.

N�r siden bliver kaldt fra infotest.php bliver html koden vist (div) men script koden bliver ikke eksekveret!

Er der en venlig sj�l der kan gennemskue problemet?

Hoved programmet infotest.php

PHP kode

 <!DOCTYPE html>
 <html>
 <title>Infotest 21.18</title>
 <head>
 <script>
 i=0;
 function hentindhold() {
     if (window.XMLHttpRequest)
         {
         // code for IE7+, Firefox, Chrome, Opera, Safari
         xmlhttp = new XMLHttpRequest();
     } else {
         // code for IE6, IE5
         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
     }
     xmlhttp.onreadystatechange = function()
         {
             document.getElementById('status').innerHTML = xmlhttp.status;
             document.getElementById('ready').innerHTML  = xmlhttp.readyState;
         if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
             {
                    document.getElementById('indhold').innerHTML = ' - resp - ';
              document.getElementById('indhold').innerHTML = xmlhttp.responseText;
         }
         };
     
     xmlhttp.open("GET","infodata.php",true);
     xmlhttp.send();
         i++;
         document.getElementById('livecounter').innerHTML = i;
         tid();
         var thi = setTimeout(hentindhold, 5000);
 } // hentindhold
 
 
 function tid() {
     var today = new Date();
     var m = today.getMinutes();
     var s = today.getSeconds();
     var h = today.getHours();
         var dogntid = h*60*60+m*60+s;
         var antalsider = 10;
         var sidevisningsek = 5;
         var totalvisning = antalsider*sidevisningsek;
         var aktuelside = 1;
         var aktuelside=Math.floor((dogntid % totalvisning)/sidevisningsek);
         if (m<10) { m="0"+m; }
         if (s<10) { s="0"+s; }
         document.getElementById('tid').innerHTML = "Klokken er: " + h + ":" + m + ":" + s + " /"+aktuelside+" v21.18 +ajaxtest";
 } // tid
 
 </script>
 </head>
 </body>
 <body onload="hentindhold()">
 
 
 <div id="tid"></div><br>
 <div id="livecounter"></div><br>
 <div id="indhold"></div><br> 
 status: <div id="status">Status</div><br>
 readystate: <div id="ready">Ready</div><br>
 </html>

Koden der generere data infodata.php

PHP kode

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <html>
 <head>
 <title>Infodata</title>
 
 Infodata.php 20.53<br>
 
 Side nr:<div id="nr"><b>Side nr...</b></div>
 
 <script language="JavaScript" type="text/javascript">
 
         var today = new Date();
         var m = today.getMinutes();
         var s = today.getSeconds();
         var h = today.getHours();
         var dogntid = h*60*60+m*60+s;
         var antalsider = 10;
         var sidevisningsek = 5;
         var totalvisning = antalsider*sidevisningsek;
         var aktuelside = 1;
         var aktuelside=Math.floor((dogntid % totalvisning)/sidevisningsek);
 
         document.getElementById("nr").innerHTML = aktuelside;
 
         if (aktuelside==0) { document.write("<img id='' src='http://servlet.dmi.dk/byvejr/servlet/byvejr_dag1?by=7100&amp;mode=long' alt='' />");  }
         if (aktuelside==1) { document.write("<img id='' src='http://servlet.dmi.dk/byvejr/servlet/byvejr?by=7100&tabel=dag3_9' alt='' />");  }
 
 </script>
 </head>
 <body>
 </body>
 </html>

PHP mail script fejler

Fri, 30 Oct 2015 21:41:53 GMT

Hej.

Jeg har lavet et script hvor jeg fors�ger at sende en to emails. Dette foreg�r via jQuerys AJAX funktion.

N�r jeg submitter min formular modtager jeg en 200 OK, og f�r besked om at mails er sendt, men jeg modtager ingen mails.

Her er PHP koden:

PHP kode

 <?php
     error_reporting(-1);
     ini_set('display_errors', 'On');
     set_error_handler('var_dump');
     // Only process POST reqeusts.
     if ($_SERVER['REQUEST_METHOD'] == 'POST') {
         // Get the form fields and remove whitespace.
         $betaling = strip_tags(trim($_POST['payment']));
         $fornavn = strip_tags(trim($_POST['inputFornavn']));
         $efternavn = strip_tags(trim($_POST['inputEfternavn']));
         $adresse = strip_tags(trim($_POST['inputAdresse']));
         $postnummer = strip_tags(trim($_POST['inputPostnummer']));
         $by = strip_tags(trim($_POST['inputBy']));
         $mobilnummer = strip_tags(trim($_POST['inputMobil']));
         $email = filter_var(trim($_POST['inputEmail']), FILTER_SANITIZE_EMAIL);
         $antal = strip_tags(trim($_POST['inputAntal']));
         $pris = $antal * 200;
         $forsendelse = 0;
         $ialt = $pris + $forsendelse;
 
         // Check that data was sent to the mailer.
         if ( empty($betaling) ) {
             // Set a 400 (bad request) response code and exit.
             http_response_code(400);
             echo 'Betaling ikke valgt.';
             exit;
         } elseif ( empty($fornavn) ) {
             // Set a 400 (bad request) response code and exit.
             http_response_code(400);
             echo 'Fornavn ikke udfyldt.';
             exit;
         } elseif ( empty($efternavn) ) {
             // Set a 400 (bad request) response code and exit.
             http_response_code(400);
             echo 'Efternavn ikke udfyldt.';
             exit;
         } elseif ( empty($adresse) ) {
             // Set a 400 (bad request) response code and exit.
             http_response_code(400);
             echo 'Adresse ikke udfyldt.';
             exit;
         } elseif ( empty($postnummer) ) {
             // Set a 400 (bad request) response code and exit.
             http_response_code(400);
             echo 'Postnummer ikke udfyldt.';
             exit;
         } elseif ( empty($by) ) {
             // Set a 400 (bad request) response code and exit.
             http_response_code(400);
             echo 'By ikke udfyldt.';
             exit;
         } elseif ( empty($mobilnummer) ) {
             // Set a 400 (bad request) response code and exit.
             http_response_code(400);
             echo 'Mobilnummer ikke udfyldt.';
             exit;
         } elseif ( !filter_var($email, FILTER_VALIDATE_EMAIL) ) {
             // Set a 400 (bad request) response code and exit.
             http_response_code(400);
             echo 'Email er forkert.';
             exit;
         } elseif ( empty($antal) ) {
             // Set a 400 (bad request) response code and exit.
             http_response_code(400);
             echo 'Antal ikke udfyldt.';
             exit;
         }
 
         // Set the recipient email address.
         // FIXME: Update this to your desired email address.
         $recipient = 'jim@winklersaabye.dk';
 
         // Set the email subject.
         $subject = 'Bestilling af ABC plakat - $fornavn $efternavn';
 
         // Build the email content.
         $email_content = '<html><body style="background-color: #ECECEC"><div style="background-color: #FFFFFF; width: 600px; border: 1px solid #CCCCCC; padding: 20px; margin: 40px auto;">';
         $email_content .= '<img src="//plakat.winklersaabye.dk/img/logo.png" alt="Winkler Saabye Logo" />\n\n\n';
         $email_content .= '<h1>Din ordre er modtaget</h1>';
         $email_content .= '<p>Jeg har modtaget din ordre. Jeg sender din pakke afsted hurtigst muligt efter betalingen er modtaget.</p>';
         $email_content .= '<h3>Dine oplysninger:</h3>\n<p>$fornavn $efternavn\n';
         $email_content .= '$adresse\n';
         $email_content .= '$postnummer $by\n\n';
         $email_content .= 'Mobilnummer:\n$mobilnummer\n';
         $email_content .= 'Email:\n$email\n\n';
         $email_content .= 'Antal plakater:\n$antal</p>\n\n';
 
         if ($betaling === 'mobilepay') {
             $email_content .= '<h3>Betaling:</h3>\n';
             $email_content .= '<p>Du har valgt at betale via mobilepay. Overfør venligst $pris + $forsendelse, i alt: <strong>$ialt</strong> til 12345678.</p>\n\n';
         } else {
             $email_content .= '<h3>Betaling:</h3>\n';
             $email_content .= '<p>Du har valgt at betale via netbank. Overfør venligst $pris + $forsendelse, i alt: <strong>$ialt</strong> til konto:\n\n';
             $email_content .= 'Reg. nr.: 1234\n';
             $email_content .= 'Kontonummer: 1234567890\n';
             $email_content .= 'Bank: Nordea\n\n';
             $email_content .= '<em>NB!: Husk at angive dit navn på overførslen! - Meget vigtigt!</em></p>';
         }
 
         $email_content .= '</div></body></html>';
 
         // Build the email headers.
         $email_headers = 'From: ABC Plakat <$recipient>\r\n';
         $email_headers .= 'Reply-to: $recipient\r\n';
         $email_headers .= 'CC: $recipient\r\n';
         $email_headers .= 'MIME-Version: 1.0\r\n';
         $email_headers .= 'Content-Type: text/html; charset=ISO-8859-1\r\n';
 
         $mail = mail($recipient, $subject, $email_content, $email_headers);
         $mail2 = mail($email, $subject, $email_content, $email_headers);
 
         // Send the email.
         if ($mail && $mail2) {
             // Set a 200 (okay) response code.
             http_response_code(200);
             echo 'Tak! Din bestilling er afsendt.';
         } else {
             // Set a 500 (internal server error) response code.
             http_response_code(500);
             echo 'Ups! Noget gik galt og bestillingen blev ikke gennemført.';
         }
 
     } else {
         // Not a POST request, set a 403 (forbidden) response code.
         http_response_code(403);
         echo 'Der er problemer i udfyldelsen af formularen. Prøv venligst igen.';
     }
 
 ?>

Redirect efter Ajax call

Sun, 19 Jul 2015 16:37:11 GMT

Hej
Jeg har i min applikation behov for at lave en Ajax-kald som det allersidste i min installation-wizard.
Jeg har f�et det p� plads s�ledes at kaldet k�rer, men jeg kan ikke f� den til at lave en redirect n�r den bagvedliggende PHP-kode er k�rt.

JScript kode

 //AJAX call to submit and install
 $(document).ready(function(){
     $.ajaxPrefilter(function(options, originalOptions, jqXHR){
         if (options['type'].toLowerCase() === "post") {
             jqXHR.setRequestHeader('X-CSRF-TOKEN', $('input[name="_token"]').attr('value'));
         }
     });
     var formdata = '';
     //console.log(formdata);
     $.ajax({
         type: "POST",
         url: "/installer/run",
         data: formdata,
         dataType: "json",
         success: function(response) {
             window.location.href = "/installer/finish";
         },
         fail : function() {
             window.location.href = "/installer/fail";
         }
     });
 });

Den bagvedliggende PHP-kode bygger p� Laravel 5.1 og dennes redirect() funktion benyttes til at afslutte med.
Hvis jeg blot laver en blank form der k�rer en POST til "/installer/run", s� k�rer den fint igennem og laver den redirect der skal laves og jeg f�r herefter ogs� enten fejlsiden eller finish-siden alt afh�ngig af resultatet, men hvordan fanger jeg en redirect i jquery ajax og giver den videre til browseren?

CSRF validation inde i ajax

Sat, 04 Apr 2015 19:18:37 GMT

Hej,

Min side er bygget op omkring history.js som g�r et element p� siden bliver hentet via ajax, ogs� kan man navigere sig igennem min side unden at hele siden opdatere.

Mit problemer er s�, at n�r jeg henter via ajax opdatere den ogs� CSRF til de formular jeg bruge inde i ajax elementet. Dermed kan jeg fx. ikke bruge de formular der er uden for ajax, fordi deres CSRF kode er outdated, takket v�re ajax request.

Jeg t�nkte min l�sning ville v�re at hente CSRF informationerne via ajax, s� hver gang min side opdater sig, vil den hente en json fil med CSRF og "replace" de gamle informationer p� den del af siden, der ikke opdatere n�r man trykker p� et link. Men er dette sikkert og findes der evt. en bedre m�de at g�re det p�?

P� forh�nd tak!

AJAX kald giver fejl 500

Thu, 19 Feb 2015 20:00:35 GMT

Hej
Jeg har i min webapplikation brug for at foretage nogle ganske f� AJAX kald, men det giver mig lidt udfordringer.
Jeg har f�lgende script-blok i min view-file.

JScript kode

 //AJAX call to submit and install
 $(document).ready(function(){
     var formdata = <?php print json_encode($_POST); ?>;
     console.log(formdata);
     try {
         $.post('<?php print site_url(); ?>install/runci', formdata);
     }
    catch(e) {
         console.log(e);
     }
 });

Jeg har i metoden runci f�lgende:

PHP kode

 $data = array(
                 'status' => 'OK',
                 'http_response' => 200,
                 'message' => 'JSON data recieved'
 );
 return json_encode($data);

Jeg har i min PHP-metode ogs� fors�gt at benytte b�de print og echo af min json_encode, men lige meget hvad, s� fremkommer der f�lgende i konsollen p� Dev Tools i Chrome:

Kode

POST http://ignitercms.khit.dev/install/runci 500 (Internal Server Error)

Jeg har ogs� fors�gt at kalde metoden via index.php/install/runci

Hvis jeg g�r direkte til metoden via browserens adressefelt, s� returneres ovenst�ende array i de tilf�lde hvor jeg burger print eller echo og data vises, men n�r det skal g� igennem AJAX, s� virker det �benbart ikke.

Har nogen en god ide til at hvad der g�r galt?

Search - Username/tags

Sun, 08 Feb 2015 00:09:46 GMT

Heej Udviklere.
Hvordan ville i b�re jer ad med at tjekke om en string indeholder visse bogstaver i en hvis r�kkef�lge?
Jeg har lavet mig en searchBox, og skal tjekke om de usernames jeg henter ned fra databasen, indeholder bogstaverne tastet i feltet, s� jeg kan se om de skal smides v�k eller printes.

Ajax dynamisk text opdatering

Tue, 03 Feb 2015 08:46:01 GMT

Heej Udviklere.
Jeg er lige blevet f�rdig med min f�rste udgave af et vennesystem til min hjemmeside, og har lavet den med ajax s� den automatisk opdatere. Mit problem kommer s� n�r den opdaterer, s� opdaterer den html'en og content rigtig nok, men kun halvdelen af gangene registrer den n�r man trykke p� min "button", ellers skal man opdaterer siden manuelt, og s� trykke igen. Nogen der har nogen guldkorn p� det punkt?

JScript kode

 var updateFriendRequests = function() {
             var xmlHttp = getXmlHttp();
             if(xmlHttp.readyState == 0 || xmlHttp.readyState == 4) {
                 xmlHttp.open("POST", BASE_PATH + "app/models/chatModel.php", true);
                 xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                 xmlHttp.send("chat=true&updateFriendRequests=true");
                 xmlHttp.onreadystatechange = function() {
                     if (xmlHttp.readyState == 4) {
                     var chatContainer = document.getElementById("chatContainer");
                     var navRight = document.getElementById("navRight");
                     var xmlResponse = xmlHttp.responseXML;
                     var xmlDocumentElement = xmlResponse.documentElement;
                     //alert(xmlDocumentElement.childNodes[1].childNodes[0].nodeValue);
                     chatContainer.innerHTML = xmlDocumentElement.childNodes[0].childNodes[0].nodeValue;
                     navRight.innerHTML = xmlDocumentElement.childNodes[1].childNodes[0].nodeValue;
                     }
                 }
             }
         };

Det skal lige siges at det er et first draft, s� det er sikkert ikke specielt god coding d:
Men mange tak p� forh�nd!
Mvh. Wunderstrudel

php og ajax sp�rgsm�l

Sun, 01 Feb 2015 02:45:36 GMT

Heej igen Udviklere.
Er st�dt p� endnu et lille problem, i min gennemgang af ajax. Kan det virke passe at man ikke kan include/require et external lib, n�r man laver et ajax request til en php fil? Jeg sp�ger da den mysqli class jeg har brugt de sidste 3 dage p� at perfektionere, s� pludselig er ret ligegyldig d:
Det samme g�lder faktisk javascript? findes der m�der at include andre scripts p�? bare for at g�re oop javascript lidt mere overskueligt? (:
Tak p� forh�nd!
Mvh. Wunderstrudel

php model vies controller med ajax

Tue, 20 Jan 2015 00:34:27 GMT

Heej Folk (:
Jeg sidder og er igang med at converterer min hjemmeside til at bruge ajax, for at g�re det hele mere udholdeligt at benytte. Mit problem er at jeg har skrevet en mvc, som jeg bruger til at k�re hele hjemmesiden, b�de php, html og javascript, og jeg kan ikke lige regne ud hvordan jeg skal kunne opdaterer informationen i mine models igennem ajax. Jeg har roddet en del rundt med ajax, og ved hvordan det fungerer, hvis jeg skriver filer som (login.xml). Problemet ligger lidt i at php'en jo typisk bliver outputtet f�r mit ajax, s� kan ikke f� de 2 til at samarbejde. H�ber det giver mening, har lidt sv�rt ved at finde problemet, derved ogs� at forklare det. d:
Men tak p� forh�nd!
Mvh. Wunderstrudel

Chat system - vis sidste 10 linjer fra log.

Sun, 14 Dec 2014 21:55:15 GMT

Jeg har gang i et chat-system, og det er f�rste gang jeg laver et, s� har brugt en tutorial..

m� v�re �rlig og sige at jeg forst�r kun ca det halve af hvad jeg har stykket sammen her..

Men det virker fint, men lige nu, der vises hele loggen i mit chat-vindue.

min log.html ser ud ca s�dan her:

HTML kode

 <div class='msgln'>(8:05 PM) <b>Brian</b>: sdf<br></div><div class='msgln'>(8:05 PM) <b>Brian</b>: <br></div><div class='msgln'>(8:05 PM) <b>Brian</b>: <br></div><div class='msgln'>(8:05 PM) <b>Brian</b>: d<br></div><div class='msgln'>(8:05 PM) <b>Brian</b>: sdf<br></div><div class='msgln'>(8:05 PM) <b>Arne</b>: Jo jo mand...<br></div><div class='msgln'><i>User Arne has left the chat session.</i><br></div><div class='msgln'><i>User Arne er kommet på chatten.</i><br></div><div class='msgln'><i>User Brian er kommet på chatten.</i><br></div><div class='msgln'><i>Brian er kommet på chatten.</i><br></div><div class='msgln'><i>Brian er kommet på chatten.</i><br></div>

Jeg har et ajax script, finder loggen, og smider det hele i et chatvindue...

JScript kode

 function loadLog(){        
         var oldscrollHeight = $("#chatbox").attr("scrollHeight") - 20; //Scroll height before the request
         $.ajax({
             url: "log.html",
             cache: false,
             success: function(html){
                 
                 $("#chatbox").html(html); //Insert chat log into the #chatbox div    
                 
                 //Auto-scroll            
                 var newscrollHeight = $("#chatbox").attr("scrollHeight") - 20; //Scroll height after the request
                 if(newscrollHeight > oldscrollHeight){
                     $("#chatbox").animate({ scrollTop: newscrollHeight }, 'normal'); //Autoscroll to bottom of div
                 }                
               },
         });
     }

Men hvordan f�r jeg den til at vise, kun de sidste 10 linjer, alts� de sidste 10 gange at <br> har optr�dt?

har pr�vet med noget slice og split v�rk, men har sv�rt ved at f� det til..

p� forh�nd tak

Implementering af tidsrestriktion

Tue, 09 Dec 2014 19:23:08 GMT

Hej udviklere!

Jeg udvikler et lille aktiespil, som kan ses her: http://youngexchange.azurewebsites.net/Account/Login?ReturnUrl=%2F

Det ville desuden v�re en k�mpe hj�lp hvis du vil besvare denne lille brugerunders�gelse, ogs� kaldet usability study. https://docs.google.com/forms/d/1BetFb3OsNUE_mmwgwoVfLdTIrGWL9rIGEsCkfKxVqAo/viewform

H�ber i kan klare reklamen, men synes det er med til at s�tte konteksten.

Som i nok vil bem�rke, s� kan man handle p� alle tider af d�gnet i spillet. Dette er selvf�lgelig ikke optimalt eftersom at aktiemarkedet i DK er �ben mellem 9-17. Men i USA �bner de 15.30 og lukker 22.00(dansk tid). Og p� samme m�de med andre b�rser.

For at l�se dette har jeg t�nkt at lave en frontend restriktion, som s�rger for at disable k�b-knappen.

Det som jeg godt kunne t�nke mig at vide var, hvordan skaber jeg en begr�nsning som denne? Et javascript som tjekker op mod en tabel over b�rsers �bne-lukketider, eller en backend variabel som s�ttes alt efter datetime, og som s� sendes til et razor view der disabler knapper hvis v�rdien er negativ.

Best case skal jeg kunne sidde kl. 08.59, og se en disabled knap, og n�r klokken sl�r 09.00 bliver knappen aktiv og jeg kan handle, uden refresh af siden.

H�ber i har nogle fixe ide�r, og generelle input til siden er ogs� meget velkommen.

P� forh�nd tak,
Mikkel

Ajax kald php fil i loop

Fri, 14 Nov 2014 20:08:36 GMT

Hej

Sagen er den at jeg skal behandle en k�mpe xml fil. Kan ikke g�re det i ren php, pga timeouts etc (disse kan ikke �ndres i dette tilf�lde)

S� jeg t�nker at jeg skal bruge noget ajax til loope igennem den bid for bid.
Eventuelt have et loop p� en php side der kalder en anden php side med et given variabel der udf�rer en bid af xmlen, og loopet p� den f�rste side g�r s� videre med at kalde php siden med en ny variabel?

Er der nogle der ligger inde med et link til en artikel eller code snippet der kan hj�lpe ville jeg blive utrolig glad.

php delen er ingen problem, det er det med at f� php til at sende en variabel til noget javascript/ajax hall�j og f� dette til at loade php siden der udf�rer sin bid af xml'en?

Alt hj�lp modtages med kysh�nd

S�ger partner til udvikling af socialtsite

Mon, 06 Oct 2014 18:19:57 GMT

Jeg s�ger 1-2 partnere, som har lyst til at v�re med til et seri�st fritidsprojekt.

Udvikling af et socialt site, med lidt mere guf p� - idegrundlag kan fremsendes ved PB

Jeg s�ger modne folk, gerne 30+, men ikke et fast krav, det afh�nger af personen, og gerne fra fyn. Da sparring sammen er et krav.

Mvh. Morten Falk

Udf�r AJAX n�r siden er indl�st

Mon, 08 Sep 2014 19:14:12 GMT

Hej
Som sidste led i at f�rdigg�re en brugbar version af mit lille CMS-projekt, �nsker jeg at bygge en lille installationsguide, ligesom man ser i Drupal, Wordpress, Joomla mv., men jeg er i tvivl om hvordan jeg h�ndterer AJAX der skal k�res p� bestemte sider n�r alt er indl�st, alts� p� document ready.

Jeg har i bl.a. Drupal lagt m�rke til at den automatisk k�rer en r�kke AJAX kald n�r man installerer en ny side, s�ledes at man kan f�lge med i hvilket modul der bliver installeret lige nu. Det er en funktionalitet jeg rigtig godt kunne t�nke mig at implementere, men kan ikke lige finde ud af hvordan jeg skal tilrette min eksisterende JavaScript-kode (bruger jQuery) for at kun at k�re disse kald p� sider hvor det er p�kr�vet.

N�r jeg normalt udf�rer et AJAX-kald g�r jeg f�lgende:

JScript kode

 $(document).ready(function(){
     $('form.ajax').on('submit', function() {
         var values = $(this).serialize();
         $.post('submit.php', {
             //JSON-object
             post_data : values
             }, function(data){
             $('.response').val(data);
         });
     });
 });

Men hvordan h�ndterer jeg AJAX-kald n�r min side er indl�st og uden at brugeren skal g�re noget?

Ajax / input felter

Mon, 23 Jun 2014 11:15:11 GMT

Hejsa, jeg er i gang med at lave en formular

hvor jeg �nsker at have en knap til at tilf�je flere input felter til en form...

dvs.

"klik her for at tilf�je flere varer"

jeg har brugt f�lgende kode fra w3schools

JScript kode

 function showUser(str) {
     
   if (str=="") {
     document.getElementById("txtHint").innerHTML="";
     return;
   } 
  
   if (window.XMLHttpRequest) {
     // code for IE7+, Firefox, Chrome, Opera, Safari
     xmlhttp=new XMLHttpRequest();
   } else { // code for IE6, IE5
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
   xmlhttp.onreadystatechange=function() {
     if (xmlhttp.readyState==4 && xmlhttp.status==200) {
       document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
       
     }
   }
   xmlhttp.open("GET","info_ajax.php?antal="+str,true);
   xmlhttp.send();
 
  
 }

resultat vises s� i

HTML kode

 <div id="txtHint"></div>

indhold i info_ajax.php

PHP kode

 <table id="vareinfo">
 <body onload="showUser(1)">    
 <form>
             <tr><th>Fakturanummer</th><th>Varenummer</th><th>Antal</th><th>Fejlbeskrivelse</th></tr>
             
             <?php while($x < $new){
             
                 echo '
                     <tr>
                 <td><input type="text" name="Fakturanummer[]" value="" id="fakturanummer"></td>
                 <td><input type="text" name="Varenummer[]" id="varenummer"></td>
                 <td><input type="text" name="Antal[]" id="antal"></td>
         
                 <td><textarea name="Fejlbeskrivelse" id="fejlbeskrivelse"></textarea></td>
                 
             </tr>';
             $x++;    
             }
             ?>
             
             
             
         </table>
 <table><tr><td><input type='button' value='Tilføj vare'  onclick="showUser('<?php echo $knap;?>')" style="float: right;margin-right: 20px;"></td></tr></table></body>

det funker ogs� helt fint, problemet er bare at v�rdien af input felterne mistes, hvis der trykkes p� knappen (da v�rdien ikke bliver postet, f�r Formen endeligt sendes igennem...

jeg har s�gt rundt for at finde ud af hvordan det skulle l�ses, men uden held...

jeg �nsker blot at inputfelterne bevarer deres v�rdi n�r siden loades igen med anden getv�rdi...

antal=1
en r�kke af input felter
antal=2
2 r�kker af input felter

osv...

alternativt s� skal jeg g� v�k fra ajax og bare lave alm. submit og reloade siden helt... men t�nkte det kunne v�re sjovt at pr�ve ajax en smule..

Hj�lp til AJAX / PHP

Fri, 20 Jun 2014 12:59:46 GMT

Hejsa, jeg pr�ver at lavet lidt ajax-sjov..

koden er fra w3schools

HTML kode

 function showUser(str) {
     
   if (str=="") {
     document.getElementById("txtHint").innerHTML="";
     return;
   } 
   if (window.XMLHttpRequest) {
     // code for IE7+, Firefox, Chrome, Opera, Safari
     xmlhttp=new XMLHttpRequest();
   } else { // code for IE6, IE5
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
   }
   xmlhttp.onreadystatechange=function() {
     if (xmlhttp.readyState==4 && xmlhttp.status==200) {
       document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
     }
   }
   xmlhttp.open("GET","info_ajax.php?antal="+str,true);
   xmlhttp.send();
   
 }

det bliver s� vist i:

<div id="txtHint"></div>

det bliver udl�st ved at jeg har en "button" med onclick="showUser(1)"

jeg vil dog have den til at t�lle op, hver gang der klikkes.

dvs. f�rste gang skal den kalde showUser(1), anden gang showUser(2)

det er sikkert meget simpelt, men har ikke s� meget kendskab til javascript / ajax.

Problemer med login via ajax kald

Mon, 05 May 2014 13:34:19 GMT

Hejsa.

Jeg har k�bt mig et l�kkert design som gerne danne ramme om mit back-end.

Den er designet med noget AJAX til at lave login, det vil jeg meget gerne bibeholde.
Jeg kan bare ikke f� den til at g� igennem

Min controller ser s�ledes ud:

PHP kode

 $this->form_validation->set_rules('username', 'Brugernavn', 'required');
         $this->form_validation->set_rules('password', 'Adgangskode', 'required');
         
         if($this->form_validation->run() === TRUE){
             $resp = array();
             
             if($this->flexi_auth->login($this->input->post('username'), $this->input->post('password'), FALSE)){
                 $login_status = 'success';
             }
             
             $resp['login_status'] = $login_status;
             
             if($login_status === 'success'){
                 $resp['redirect_url'] = redirect('test');
             }
             
             echo json_encode($resp);
         }
         
         $this->data['subview']     = 'login';
         $this->data['title']     = 'Login';
         $this->load->view('auth/view', $this->data);

Min js ser s�ledes ud:

JScript kode

 $.ajax({
                         url: url,
                         method: 'POST',
                         dataType: 'json',
                         data: {
                             username: $("input#username").val(),
                             password: $("input#password").val(),
                         },
                         error: function()
                         {
                             alert("An error occoured!");
                         },
                         success: function(response)
                         {
                             // Login status [success|invalid]
                             var login_status = response.login_status;
                                                             
                             // Form is fully completed, we update the percentage
                             neonLogin.setPercentage(100);
                             
                             
                             // We will give some time for the animation to finish, then execute the following procedures    
                             setTimeout(function()
                             {
                                 // If login is invalid, we store the 
                                 if(login_status == 'invalid')
                                 {
                                     $(".login-page").removeClass('logging-in');
                                     neonLogin.resetProgressBar(true);
                                 }
                                 else
                                 if(login_status == 'success')
                                 {
                                     // Redirect to login page
                                     setTimeout(function()
                                     {
                                         var redirect_url = baseurl;
                                         
                                         if(response.redirect_url && response.redirect_url.length)
                                         {
                                             redirect_url = response.redirect_url;
                                         }
                                         
                                         window.location.href = redirect_url;
                                     }, 400);
                                 }
                                 
                             }, 1000);
                         }
                     });

Den kommer blot frem med den alert der er der.
Jeg har testet imod en test controller at jeg rent faktisk bliver logget ind, og det g�r jeg

Ajax k�rer ikke kode

Wed, 29 Jan 2014 21:08:40 GMT

Hejsa drenge og piger.

Jeg har k�bt mig adgang til et l�kkert design jeg er ved at bruge til et back-end
Det meste af min kode skulle gerne k�res via ajax.

Jeg kan bare ikke f� det til at virke p� mit login.
PHP

PHP kode

 if($this->flexi_auth->login($data['username'], $data['password']) == TRUE){
                 echo "login";
             } else {
                 echo "error";
             }

Jquery

JScript kode

 $.ajax({
                                     type: 'POST',
                                     url: 'admin/auth/login',
                                     data: $(this).serialize(), 
                                     success: function(data){
                                         if(data === "login"){
                                             aler('Login');
                                             alert('Logget ind');
                                             //window.location('admin/dashboard/index');
                                         } else {
                                             alert('fejl');
                                             //window.location.replace('admin/auth/login');
                                         }
                                     }
                                 });

HTML

HTML kode

 <body class="page-body login-page login-form-fall">
         <div class="login-container">
             <div class="login-header login-caret">
                 <div class="login-content">
                     <a href="#">
                         <?php echo img(array('src' => 'assets/images/logo@2x.png', 'width' => '120')) . PHP_EOL; ?>
                     </a>
                     <p class="description">Kære bruger, log venligst ind!</p>
                     
                     <!-- Progress bar -->
                     <div class="login-progressbar-indicator">
                         <h4>43%</h4>
                         <span>logger ind...</span>
                     </div>
                     <!-- /progress bar -->
                 </div>
             </div>
             
             <div class="login-progressbar">
                 <div></div>
             </div>
             
             <div class="login-form">
                 <div class="login-content">
                     <?php echo form_open(config_item('app_login_action'), array('role' => 'form', 'id' => 'form_login')) . PHP_EOL; ?>
                         <div class="form-group">
                             <div class="input-group">
                                 <div class="input-group-addon">
                                     <i class="entypo-user"></i>
                                 </div>
                                 <?php echo form_input(array(
                                     'class' => 'form-control',
                                     'id' => 'username',
                                     'autocomplete' => 'off',
                                     'name' => lcfirst(config_item('app_login_input_identity_name')),
                                     'placeholder' => ucfirst(lang('login_identity_placeholder'))
                                 )) . PHP_EOL; ?>
                             </div>
                         </div>
                         <div class="form-group">
                             <div class="input-group">
                                 <div class="input-group-addon">
                                     <i class="entypo-key"></i>
                                 </div>
                                 <?php echo form_password(array(
                                     'class' => 'form-control',
                                     'id' => 'password',
                                     'autocomplete' => 'off',
                                     'name' => lcfirst(config_item('app_login_input_password_name')),
                                     'placeholder' => ucfirst(lang('login_password_placeholder'))
                                 )) . PHP_EOL; ?>
                             </div>
                         </div>
                         <div class="form-group">
                             <button type="submit" class="btn btn-primary btn-block btn-login">
                                 <?php echo lang('login_btn_text'); ?>
                                 <i class="entypo-login"></i>
                             </button>
                         </div>
                     <?php echo form_close() . PHP_EOL; ?>
                     <div class="login-bottom-links">
                         <?php echo anchor('', lang('login_forgot_password') . '?', array('class' => 'link')) . PHP_EOL; ?>
                         <br />
                         <?php echo anchor('', lang('login_developed_by') . ' ' . config_item('app_developer')) . PHP_EOL; ?>
                     </div>
                 </div>
             </div>
         </div>

Min kode skulle jo gerne spytte noget ud.
Den g�r bare intet. Det er tjekket om den rent faktisk bliver logget ind og den g�r den.

Det hele ligger lokalt pt.
Designet jeg har k�bt kan ses her http://themes.laborator.co/neon/extra/login/

H�ber der er en der kan hj�lpe