Programmer un bouton en AJaX

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par Yoanlibert, 27 Novembre 2013.

  1. Yoanlibert
    Yoanlibert Nouveau WRInaute
    Inscrit:
    27 Novembre 2013
    Messages:
    2
    J'aime reçus:
    0
    Bonjour,

    Voila, comment programmer un bouton afficher afin que lorsque je clique sur lui le contenu du fichier dont l’adresse est donnée dans le champs de saisie soit affiché et tt ça avec AJaX bien sur ?

    Merci !
     
  2. Yoanlibert
    Yoanlibert Nouveau WRInaute
    Inscrit:
    27 Novembre 2013
    Messages:
    2
    J'aime reçus:
    0
    Re: AJaX !

    Sacahnt que j'ai déjà ça et que je dois intercepter les exceptions susceptibles d'être déclenchées par l’objet xhr et de les
    afficher dans un alert() :

    function createXhrObject() {
    if (window.XMLHttpRequest)
    return new XMLHttpRequest();

    if (window.ActiveXObject) {
    var names = [
    "Msxml2.XMLHTTP.6.0",
    "Msxml2.XMLHTTP.3.0",
    "Msxml2.XMLHTTP",
    "Microsoft.XMLHTTP"
    ];
    for(var i in names) {
    try {
    return new ActiveXObject(names);
    } catch(e) {}
    }
    }
    return null; // not supported
    }
     
  3. Supermaury
    Supermaury WRInaute discret
    Inscrit:
    25 Mars 2009
    Messages:
    144
    J'aime reçus:
    5
    Bonjour.

    Tu peux essayer le code qui suit. Il permet de lire des fichiers .txt situés sur le même site, dans le même répertoire que la page qui le contient.

    Ca ne fonctionne qu'une fois placé sur un serveur.

    @++

    Code:
    <html>
    	<head>
    		<script language="javascript">
    			//Fonction escapeHtml() par https://github.com/janl/mustache.js/blob/master/mustache.js#L82
    			var escapeHtmlMap = {
    				"&": "&amp;",
    				"<": "&lt;",
    				">": "&gt;",
    				'"': '&quot;',
    				"'": '&#39;',
    				"/": '&#x2F;'
    			};
    			function escapeHtml(string) {
    				return String(string).replace(/[&<>"'\/]/g, function (s) {
    					return escapeHtmlMap[s];
    				});
    			}
    			//
    			function getFile() {
    				document.getElementById("contentLoaded").innerHTML="";
    				var myFile;
    				myFile = document.fileForm.fileName.value;
    				if(!myFile) {
    					alert('Tapez un nom de fichier.');
    				} else {
    					var xmlhttp;
    					if (window.XMLHttpRequest) {
    						xmlhttp = new XMLHttpRequest();
    					} else if (window.ActiveXObject) {
    						var names = [
    						"Msxml2.XMLHTTP.6.0",
    						"Msxml2.XMLHTTP.3.0",
    						"Msxml2.XMLHTTP",
    						"Microsoft.XMLHTTP"
    						];
    						for(var i in names) {
    							try {
    								xmlhttp = new ActiveXObject(names[i]); 
    							} catch(e) {
    								alert('Ajax non supporté.');
    							}
    						}
    					}
    					xmlhttp.onreadystatechange = function() {
    						if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
    							document.getElementById("contentLoaded").innerHTML = escapeHtml(xmlhttp.responseText).replace(/\n/g,"<br />"); 							
    						} else if (xmlhttp.readyState == 4 && xmlhttp.status == 404) {
    							document.getElementById("contentLoaded").innerHTML = 'Fichier non trouvé.';
    						}
    					};
    					xmlhttp.open("GET",encodeURIComponent(document.fileForm.fileName.value)+"?t="+Date(),true);
    					xmlhttp.send()
    				}
    				return false;
    			}
    		</script>
    	</head>
    	<body>
    		<noscript>Merci d'activer Javascript.</noscript>
    		<form id="fileForm" name="fileForm" action="#" method="get" onSubmit="return getFile();">
    			<input type="text" maxlength="300" id="fileName" name="fileName" value="text.txt" />
    			<input type="submit" value="Charger" />
    		</form>
    		<div id="contentLoaded">J'attends mon fichier :)</div>
    	</body>
    </html>
    
     
Chargement...
Similar Threads - Programmer bouton AJaX Forum Date
Astuce Créer et programmer une diffusion en direct sur mobile Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
Comment programmeriez-vous un menu avec sous-catégories infinie ? Développement d'un site Web ou d'une appli mobile 17 Mars 2017
Programmer un site de rencontre Développement d'un site Web ou d'une appli mobile 5 Juillet 2013
impossible programmer date publication d'un statut facebook Facebook 1 Avril 2013
Tuto : comment programmer à l'avance une publication Facebook Facebook 16 Août 2012
Publicité ciblée et cloaking. Comment programmer ça ? Développement d'un site Web ou d'une appli mobile 6 Avril 2012
Comment programmer un moteur de recherche efficace ? Développement d'un site Web ou d'une appli mobile 15 Mars 2010
Programmer a partir d'un pda Développement d'un site Web ou d'une appli mobile 10 Février 2008
Programmer de l'asp avec ?? Développement d'un site Web ou d'une appli mobile 10 Août 2007
[résolu] des soucis pour programmer mon htaccess URL Rewriting et .htaccess 10 Juillet 2006
Programmer un déclancheur de lien Netlinking, backlinks, liens et redirections 14 Mars 2006
programmer en php Développement d'un site Web ou d'une appli mobile 1 Février 2006
Programmer un référencement Débuter en référencement 17 Novembre 2003
Ancre de lien ou bouton Débuter en référencement 7 Janvier 2022
Ajout bouton recherche Google sur mon site : Impact SEO Demandes d'avis et de conseils sur vos sites 22 Décembre 2021
WordPress Bouton "Lire la suite" et texte caché Débuter en référencement 3 Novembre 2019
Google "clique-t-il" sur les boutons ? Rédaction web et référencement 21 Juillet 2019
Grossir le champs et bouton pour la recherche personnalisée Google (adsense) AdSense 15 Mars 2018
Bouton Facebook j'aime en footer Débuter en référencement 25 Janvier 2018
Exécution requête sur bouton sur une ligne tableau Administration d'un site Web 5 Juillet 2017