Likes Likes:  0
Resultaten 1 tot 6 van de 6
  1. #1
    Jquery dialog met ajax content probleem
    123 Hosting Service
    33 Berichten
    Ingeschreven
    15/02/08

    Locatie
    Almkerk

    Post Thanks / Like
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    0 Berichten zijn liked


    Registrar SIDN: nee
    KvK nummer: 17219897
    Ondernemingsnummer: nvt

    Thread Starter

    Jquery dialog met ajax content probleem

    Hallo allemaal,

    Ik loop momenteel tegen een probleem aan waar ik niet uit kom.

    Ik heb een javascript functie gemaakt als volgt:
    Code:
    function ajaxdialog (var1,var2) {
    	var newDiv = $(document.createElement('div'));
    	$.post(__SITE_URL, { "var1" : var1 , "var2" : var2 }, function(data) {
    		newDiv.html(data);
    	});
    	newDiv.dialog({
    			modal:true,
    			title: 'Title',
    			width:700,
    			height:'auto',
    			resizable:false,
    			show: "blind",
    			hide: "explode",
    			buttons:  {
    				"Close": function() {
                		          newDiv.dialog( "destroy" );
    		        }
        		}
    		});
    }
    De content van de pagina welke met de $.post opgehaald word is:
    Code:
    <p id="message">&nbsp;</p>
    <form method="POST" name="ajaxform">
    <table>
    	<tr>
    		<th>Input1:</th>
    		<td><input type="text" name="var1" value="" align="right" size="16"></td>
    	</tr>
    	<tr>
    		<th>input2:</th>
    		<td><input type="text" name="var2" value="" align="right" size="16"> </td>
    	</tr>
    	<tr>
    		<td colspan="3" align="right"><br />
    			<input type="button" value="Add" onclick="javascript: ajaxaction(
    								document.ajaxform.var1.value,
    								document.ajaxform.var2.value
    								);" />
    		</td>
    	</tr>
    </table>
    </form>
    Als ik nu de dialog via de functie open dan werkt alles naar behoren je kan de Add button klikken en ajaxaction() wordt uitgevoerd zonder problem.
    Het probleem zit hem in het volgende als de dialog geopend wordt en bv je krijgt een fout tijdens ajaxaction() of zonder iets te doen sluit je de dialog weer en je refreshed de pagina niet en opend de dialog weer en klikt dan op ajaxaction() dan krijg ik een javascript fout:
    Fout: TypeError: document.ajaxform.var1 is undefined
    Terwijl de content gewoon weer netjes is opgehaald via de $.post

    Ik hoop dat iemand een idee heeft of een oplossing weet.

    M.v.g. Dj



  2. #2
    Jquery dialog met ajax content probleem
    Web hosting diensten
    4.705 Berichten
    Ingeschreven
    09/02/04

    Locatie
    Rotterdam

    Post Thanks / Like
    Mentioned
    10 Post(s)
    Tagged
    0 Thread(s)
    110 Berichten zijn liked


    Bedrijf: DreamHost.nl Web hosting
    Functie: Managing Director
    URL: www.dreamhost.nl
    Registrar SIDN: JA
    KvK nummer: 24269577

    Is alweer een tijdje geleden dat ik met JScript heb gestoeid, maar heb je this.var1.value en this.var2.value al geprobeerd?
    DreamHost.nl Web hosting - cPanel hosting om bij weg te dromen.

  3. #3
    Jquery dialog met ajax content probleem
    123 Hosting Service
    33 Berichten
    Ingeschreven
    15/02/08

    Locatie
    Almkerk

    Post Thanks / Like
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    0 Berichten zijn liked


    Registrar SIDN: nee
    KvK nummer: 17219897
    Ondernemingsnummer: nvt

    Thread Starter
    Citaat Oorspronkelijk geplaatst door dreamhost_nl Bekijk Berichten
    Is alweer een tijdje geleden dat ik met JScript heb gestoeid, maar heb je this.var1.value en this.var2.value al geprobeerd?
    Had ik niet nu wel maar helaas blijft het het zelfde undefined

  4. #4
    Jquery dialog met ajax content probleem
    geregistreerd gebruiker
    172 Berichten
    Ingeschreven
    06/04/09

    Locatie
    Leerdam

    Post Thanks / Like
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    0 Berichten zijn liked


    Registrar SIDN: nee
    KvK nummer: 30250668
    Ondernemingsnummer: nvt

    Je kan bovenaan je script al de variabel declareren. Met name IE versies lopen hier wel meer dan eens op stuk.

    Dus bovenaan:

    var var1;

    Maak anders even een fiddle: http://jsfiddle.net/

    Dan zien we direct het resultaat en maakt het debuggen makkelijker

  5. #5
    Jquery dialog met ajax content probleem
    Hostingvisions
    1.042 Berichten
    Ingeschreven
    18/01/05

    Locatie
    Katwijk

    Post Thanks / Like
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    13 Berichten zijn liked


    Bedrijf: Hostingvisions
    Functie: Eigenaar
    Registrar SIDN: Nee
    KvK nummer: 27313947

    Zet de functie ajaxaction onder het formulier, zorg er dus voor dat deze functie wordt meegeladen.

    Omdat je ook maar twee velden mee wilt sturen. Geef beide input's een ID. Dus id="var1" en id="var2". Je kunt ze dan via jQuery opvragen met $("#var1").val(). en $("#var2").val(); Dat werkt beter en efficienter in jouw geval.

  6. #6
    Jquery dialog met ajax content probleem
    123 Hosting Service
    33 Berichten
    Ingeschreven
    15/02/08

    Locatie
    Almkerk

    Post Thanks / Like
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    0 Berichten zijn liked


    Registrar SIDN: nee
    KvK nummer: 17219897
    Ondernemingsnummer: nvt

    Thread Starter
    Citaat Oorspronkelijk geplaatst door Ahmed Bekijk Berichten
    Zet de functie ajaxaction onder het formulier, zorg er dus voor dat deze functie wordt meegeladen.

    Omdat je ook maar twee velden mee wilt sturen. Geef beide input's een ID. Dus id="var1" en id="var2". Je kunt ze dan via jQuery opvragen met $("#var1").val(). en $("#var2").val(); Dat werkt beter en efficienter in jouw geval.
    Thanks dit werkt inderdaad, wel een kleine correctie op jou code je moet in het geval van de functie zoals ik hem post " vervangen door ' omdat de onclick al met "" gedaan is dus code die werkt is:
    Code:
    <p id="message">&nbsp;</p>
    <form method="POST" name="ajaxform">
    <table>
    	<tr>
    		<th>Input1:</th>
    		<td><input type="text" id="var1" name="var1" value="" align="right" size="16"></td>
    	</tr>
    	<tr>
    		<th>input2:</th>
    		<td><input type="text" id="var2" name="var2" value="" align="right" size="16"> </td>
    	</tr>
    	<tr>
    		<td colspan="3" align="right"><br />
    			<input type="button" value="Add" onclick="javascript: ajaxaction(
    								$('#var1').val(),,
    								$('#var2').val(),
    								);" />
    		</td>
    	</tr>
    </table>
    </form>

Labels voor dit Bericht

Webhostingtalk.nl

Contact

  • Rokin 113-115
  • 1012 KP, Amsterdam
  • Nederland
  • Contact
© Copyright 2001-2021 Webhostingtalk.nl.
Web Statistics