Hello !

Pour ma part je suis dans la Team XHR + JSON.
Je rejoins ce que dit _laurent concernant jQuery. J'ai pris l'habitude d'utiliser JSON pour le formatage des données, car il est très lisible pour la majorité des applications, et les langages clients et serveur tels que JavaScript et PHP proposent des outils très simples pour manipuler des données formattées en JSON. Cependant, ton choix final entre XML et JSON doit aussi être guidé par la complexité des données que tu souhaites envoyer.
En terme de vitesse, à moins de vouloir télécharger des mégaoctets de données, l'encodage n'a pas vraiment d'importance.
Bonjour,

Une page html, pour laquelle j'ai défini une css d'impression avec le fond transparent.

* {
background: transparent;
background-color: transparent;
}

J'imprime la page depuis mon navigateur (Firefox) vers le fichier pdf.

Mais le document n'est pas transparent.
NB: je le vois parce que j'ai voulu le superposer à un autre fichier pdf, et celui en-dessous n'apparaît pas.

Merci d'avance pour votre aide.
Modifié par pseudo_choisi (17 Aug 2018 - 15:50)
Salut,

Pour ma part je suis partisan du vanilla Js & AJAX XHR. C'est plutôt simple à mettre en place.
Après selon tes besoins, tes connaissances etc tu peux rajouter JQuery (surtout s'il est déjà là pour le reste de ton site).

Le reste j'ai jamais testé. L'iframe loading je suis rebuté (peut être à tord) par le mot "iframe", le DSL jamais testé et pour ce qui est "format JSon, XML, ou du texte brut" je comprend pas trop a quoi ça correspond.
Salut Melina,

Si tu veux exécuter un programme depuis ton invite de commande, il faut que son chemin d'accès soit ajouté dans la variable d'environnement PATH. Ton erreur elle te dit simplement que le système ne sait pas où trouver gulp. Si tu installe un package de manière globale avec npm, la variable d'environnement est automatiquement mise à jour et tu peux exécuter ton programme sans problème.

Installation globale d'un package :
npm install -g gulp

Exécution d'un package installé localement (gulp dans ce cas) :
./node_modules/gulp/bin/gulp.js
Bonjour,
J'ai un petit soucis JS. J'ai créé une sorte d'explorateur de fichier:
upload/1534503967-72078-exf.jpg

J'ai un bouton qui récup tout les input (icone fichiers) coché comme on peut le voir sur la photo jusqu'ici aucun problème.
Voici le code JS qui me permet de récupérer en cliquant sur un bouton tout les input sélectionné:

erreur = true;
	$(document).on('click', '.fichier_tempUrl_input_checkbox_url', function() {
		text = "";
		fichier_tempUrl_input_checkbox = $('.fichier_tempUrl_input_checkbox');
		// log(fichier_tempUrl_input_checkbox);
		$(fichier_tempUrl_input_checkbox).each(function(key, value){
			if( $(value).is(':checked') )
				{
					path = $(value).data('tempurl');
					log(path);
					text += ';' + path;
					erreur = false;
				} else {
				}
		});
		$('#tempurl').val(text);
		log(text.substr(1).split(';'));
		
		if(erreur == true)
			{
				$.jnotify('Vous avez selectionné aucun fichier!!!', 'error', {timeout: 3});
			}
		else
			{
				$.jnotify('FIchier selectionné!!!', 'notice', {timeout: 3});
			}
		erreur = true;
	});


Ce que j'aimerais c'est que quand je clique sur un dossier(icone dossier) c'est pouvoir sélectionner tout les input a l'intérieur avec leur atribut data-tempurl comme je fais plus haut.

Le code qui génère le code PHP:

function boucle_recursive($array, $path) {
$css = 'display: none';
	foreach ($array as $key => $value)
	{
		if(is_array($value))
			{
$rand = rand(1, 9999999);
echo "	<li><input type=\"checkbox\" class=\"fichier_tempUrl_input_checkbox2\" value=\"1\"> <span class=\"dossier\" data-rand=\"".$rand."\">".img_dossier." <strong>".$key."</strong></span>\n";
echo "	<ul class=\"ul_".$rand."\" style=\"".$css."\">\n";
				boucle_recursive($value, $path."/".$key);
echo "	</ul>\n";
echo "	</li>\n";
			}
		else
			{
// @$ext = end(explode('.', $value));img_fichier
echo "	<li><input type=\"checkbox\" class=\"fichier_tempUrl_input_checkbox\" data-tempurl=\"".$path."/".$value."\"> <a href=\"#top\" class=\"fichier_tempUrl\" data-tempurl=\"".$path."/".$value."\" style=\"color:green;\" title=\"Créer un lien\">".img_lien."</a>: <span title=\"".$value."\">".substr_(str_replace("%20", " ", $value), 60)."</span></li>\n";
			}
	}
}
?>
<ul>
<?php
boucle_recursive($array, "", true);
?>
</ul>


Est ce qu'on peut ? Je n'ai pas encore réussi malheureusement
Merci
Modifié par SimonBHB (17 Aug 2018 - 13:40)
DiegoGaby a écrit :
Bonjour les amis !
Je voudrais savoir s'il vous plaît comment puis je enlever le zoom de la API de Google Map au moment ou j'utilise la mollete de la souris. J'ai tester plusieurs solutions mais rien ne marche si vous pourriez m'aider s'il vous plaît ; voici le code et merci d'avance :




          
function initialize() {
    var isMobile = (navigator.userAgent.toLowerCase().indexOf('android') &gt; -1) ||
        (navigator.userAgent.match(/(iPod|iPhone|iPad|BlackBerry|Windows Phone|iemobile)/));
    if (isMobile) {
        var viewport = document.querySelector("meta[name=viewport]");
        viewport.setAttribute('content', 'initial-scale=1.0, user-scalable=no');
    }
    var mapDiv = document.getElementById('googft-mapCanvas');
    mapDiv.style.width = isMobile ? '100%' : '500px';
    mapDiv.style.height = isMobile ? '100%' : '300px';
    var map = new google.maps.Map(mapDiv, {
        center: new google.maps.LatLng(46.8041757846785, 6.329927325749395),
       // zoom: 6,

        mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(document.getElementById('googft-legend-open'));
    map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(document.getElementById('googft-legend'));

    layer = new google.maps.FusionTablesLayer({
        map: map,
        heatmap: { enabled: false },
        query: {
            select: "col0",
            from: "1UXAF9G8-dIOR8UEy-zekTbM_AphT-9a5Y5FvzdeO",
            where: ""
        },
        options: {
            styleId: 2,
            templateId: 2

        }
    });

    if (isMobile) {
        var legend = document.getElementById('googft-legend');
        var legendOpenButton = document.getElementById('googft-legend-open');
        var legendCloseButton = document.getElementById('googft-legend-close');
        legend.style.display = 'none';
        legendOpenButton.style.display = 'block';
        legendCloseButton.style.display = 'block';
        legendOpenButton.onclick = function () {
            legend.style.display = 'block';
            legendOpenButton.style.display = 'none';
        }
        legendCloseButton.onclick = function () {
            legend.style.display = 'none';
            legendOpenButton.style.display = 'block';
        }
    }
}

google.maps.event.addDomListener(window, 'load', initialize);




Bonjour,

Je souhaite implémenter gulp dans un projet de site. Je l'installe dans ma dev-depencies en faisant : $ npm install gulp --save-dev
Pour vérifier si mon gulp est bien installé, je fais : $ gulp -v
Et là j'ai une erreur : -bash: gulp: command not found
J'ai essayé de ré-installer node, mais ça ne marche pas.
Cela fonctionne quand je suis ce tuto pour rétablir les permissions mais une fois que je quitte le terminal, ça ne refonctionne plus Smiley decu
Je pense que c'est une histoire de permissions... J'ai du bidouiller les mauvaises choses.

Quelqu'un peut m'aider ?

Un grand merci d'avance !!

Mélina
Versions :
$ node -v
v10.9.0
$ npm -v
6.2.0
Je les reçois parce qu’ils ne sont pas détectés comme spam
Apparemment cette nouvelle technique a justement pour but d’éviter d’être détectés : d’une fois sur l’autre ce n’est pas le même nom d’utilisateur, le même site émetteur et comme le contenu est en base64 on ne peut pas détecter le contenu.
La question serait donc plutôt "comment faire pour que ces messages soient détectés comme spam?"
@Soldat8889
Je te remercie mais j'ai pas compris ta phrase?
"car il sera mis, après que tu aies charger la page ne cesse qu'une seule fois, en cache !"
??

Je suppose, que tu veux dire que ce fichier ne sera télécharger en fin de chargement de la page. Et qu'une seul fois puisque mis en cache.

Mais pourquoi chargé une ressource sur mobile qui est inutilisé. C'est contre productif pour de la perf.
Bonjour les amis !
Je voudrais savoir s'il vous plaît comment puis je enlever le zoom de la API de Google Map au moment ou j'utilise la mollete de la souris. J'ai tester plusieurs solutions mais rien ne marche si vous pourriez m'aider s'il vous plaît ; voici le code et merci d'avance :




          
function initialize() {
    var isMobile = (navigator.userAgent.toLowerCase().indexOf('android') > -1) ||
        (navigator.userAgent.match(/(iPod|iPhone|iPad|BlackBerry|Windows Phone|iemobile)/));
    if (isMobile) {
        var viewport = document.querySelector("meta[name=viewport]");
        viewport.setAttribute('content', 'initial-scale=1.0, user-scalable=no');
    }
    var mapDiv = document.getElementById('googft-mapCanvas');
    mapDiv.style.width = isMobile ? '100%' : '500px';
    mapDiv.style.height = isMobile ? '100%' : '300px';
    var map = new google.maps.Map(mapDiv, {
        center: new google.maps.LatLng(46.8041757846785, 6.329927325749395),
       // zoom: 6,

        mapTypeId: google.maps.MapTypeId.ROADMAP
    });
    map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(document.getElementById('googft-legend-open'));
    map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(document.getElementById('googft-legend'));

    layer = new google.maps.FusionTablesLayer({
        map: map,
        heatmap: { enabled: false },
        query: {
            select: "col0",
            from: "1UXAF9G8-dIOR8UEy-zekTbM_AphT-9a5Y5FvzdeO",
            where: ""
        },
        options: {
            styleId: 2,
            templateId: 2

        }
    });

    if (isMobile) {
        var legend = document.getElementById('googft-legend');
        var legendOpenButton = document.getElementById('googft-legend-open');
        var legendCloseButton = document.getElementById('googft-legend-close');
        legend.style.display = 'none';
        legendOpenButton.style.display = 'block';
        legendCloseButton.style.display = 'block';
        legendOpenButton.onclick = function () {
            legend.style.display = 'block';
            legendOpenButton.style.display = 'none';
        }
        legendCloseButton.onclick = function () {
            legend.style.display = 'none';
            legendOpenButton.style.display = 'block';
        }
    }
}

google.maps.event.addDomListener(window, 'load', initialize);





Modifié par DiegoGaby (17 Aug 2018 - 07:37)
25 Dernières réponses