Derniers sujetsCatégoriesDernières réponses

Ai developpé une application sous symfony version 2.6.4
Elle fonctionne parfaitement en localhost.
Installée sur un serveur WAMP, lorsque je veux la passer en mode Prod et l'exploiter depuis un client distant
(adresse URL //192.168.0.5/symfony/web/app.php/monappli), elle démarre et se connecte correctement sur la page d'accueil
de l'appli.
Par contre, dés que je veux l'exploiter depuis la page d'accueil, elle redirige automatiquement sur le local host du client distant
(//localhost/symfony/app_dev/monappli) et donc "plante"....
Avez vous une solution svp ?
Merci à tous,
PS : Ai essayé de suivre la procédure de la doc. Pas de résultat positif ???
Salut je suis débutant aussi, Je ne pourrais pas te dire le code exact mais en examinant le code je vois qu'ils utilisent un js-blurEffect- donc je suppose que ça permet de rendre flou une image et ensuite doivent préciser d'annuler cet effet au passage du curseur .Je te conseil de faire des recherches sur google sur JS blur effect si tu ne trouve pas ta réponse ici , je laisse les pros te dire ce qu'ils en pensent ça m’intéresse aussi.
Bonjour,
C'est la première fois que je viens sur ce forum, je cherche une réponse qui concerne un effet en javascript, je crois. J'ai des notions simples en javascript et je recherche le code précis pour refaire le même effet...que j'ai juste a copier/coller...
le site c'est www.canva.com
Alors, une fois sur le site, sur la page d’accueil et d'inscription, lorsque vous baladez la souris sur l'écran, le fond flou se défloute. Voilà j'ai tout dis :
Selon vous, quel code dois-je précisément utiliser pour refaire cet effet??
Merci merci merci, pour votre réponse !
Pour les liens internes ou vers d'autre sites cela n'a pas d'importance même si logiquement tu veux passer tout tes liens internes en https. C'est uniquement les éléments inclus dans la page font, image, typo, etc qui doivent être servis en https.

A savoir que faire des chemins comme ceci permet de ne pas avoir à se soucier du protocole :
<img href="//www.osirisnet.net/" alt="" />


Concernant les hébergeurs, 2 cas de figure ceux chez qui passer en https ne permette plus d'utiliser http donc là il faut bien prévoir à l'avance pour que tout les utilisateurs ne se retrouvent pas avec des alertes de sécurités dans tout les sens. Et les autres qui te permettent d'utiliser les 2 auquel cas c'est plus simple car on peut faire la bascule quand on veut.

Personnellement j'ai fais un certificat auto signé en local pour que mon xampp soit accessible en https://localhost/truc-bidule comme ça je peux tester rapidement. Me souviens plus du tuto que j'ai suivi mais pour ceux qui veulent il faut chercher autour des certificats auto signés
Bonjour.
PapyJP a écrit :

Donc si j'ai dans un coin, bien caché, un lien du genre
&lt;a href="http://www.osirisnet.net/machinchose"&gt;machinchose&lt;/a&gt;

ou bien un
.liste{background_image:url("http://www.osirisnet.net/adresse-images.png");}

ça va déc...

Bien caché ? Pas pour une recherche de chaines de caractères concernant les fichiers présents dans un dossier... Il y a ça dans Notepad++, il y a forcément ça aussi pour les autres éditeurs du moment.
Pour le reste, je ne saurais dire...
Smiley smile
Bonjour Olivier, merci pour votre reponse, en effet en inspectant les elements j'avais mis la googlemap dans une div et c'est celle si qui etait inline vide à coté de la map.
Merci pour votre reponse , j'en profite vous pourriez peut etre m'aider sur un autre element j'ai effectué un menu burger qui se deroule en css mais auriez vous une astuce pour qu'il se referme automatiquement une fois que l'on clique sur le lien, car il descend sur la totalité et donc masque une partie du premier article, ce qui fait que lorsque je clique sur le premier lien je descend un peu et je ne vois que la fin de cet article , je dois remonter pour fermer le menu afin de voir la totalité. Je ne sais pas si je suis clair dans mes explications . Sinon merci encore à vous.
Modifié par Aeros (25 Mar 2017 - 16:04)
Bonjour,

Je recherche à inclure un contenu svg dans du html.
Je ne souhaites pas avoir de scroll : mon svg doit être visible intégralement dans toute les situations.
Le svg se trouve en dessous d'une légende qui ne doit pas dépasser 1/4 de la hauteur de mon écran => 25vh.
Le svg doit être étiré pour couvrir la zone la plus grande disponible.

J'y arrive pas trop mal => http://codepen.io/anon/pen/YZjWwr

Néanmoins :
- j'aimerais que dans le cas ou la légende fait moins de 25vh, elle puisse avoir la hauteur de son contenu et non une taille fixe (en pixel ou rem)
- que mon svg couvre l'espace restant


Est-ce qu'il existe une solution à mon soucis sans utiliser de javascript ?
Merci d'avance Smiley biggrin
Merci de cette réponse
En consultant les FAQ de l'hébergeur, je vois bien qu'il y a une commande de la console pour créer et mettre en œuvre un certificat SSL, mais ils préviennent bien que c'est sans support de leur part en ce qui concerne la mise en œuvre.
En gros, c'est à moi de me débrouiller pour que tout soit dans les clous, ce qui veut dire qu'il faute que je comprenne les chausse trappes de ce mécanisme.
La façon dont c'est rédigé laisse entendre que dès qu'on est en https, tous les liens de toutes les pages doivent être en https.
Donc si j'ai dans un coin, bien caché, un lien du genre
<a href="http://www.osirisnet.net/machinchose">machinchose</a>

ou bien un
.liste{background_image:url("http://www.osirisnet.net/adresse-images.png");}

ça va déc...
Et que faire pour les liens vers d'autres sites, qui ne sont pas forcément en https?
Et pour les liens que les autres sites ont vers celui ci?

Tout cela m'a l'air diantrement compliqué...
Modifié par PapyJP (25 Mar 2017 - 15:58)
Bonjour,
Ma question vient se greffer sur le sujet du meme titre de mars 2016,
dont voici la partie PHP :


<?php
$tab1= Array(1,2,3,4,5);
$tab2=Array("oui","non","pas vrai");
$var1="possible";
$var2="France";
$tab = [];
$tab["tab1"] = $tab1;
$tab["tab2"] = $tab2;
$tab["var1"] = $var1;
$tab["var2"] = $var2;
echo json_encode($tab);
?>


et la partie JS :


$(document).ready(function(){
$.ajax({
	type : 'POST',
	url : 'php/test.php',
	data : 'name=Eric',
	dataType : 'json',
	success : function(data){
		var tab = data;
		alert("tab1 = " + tab["tab1"][0]);// 1
		alert("tab2 = " + tab["tab2"]);// "oui","non","pas vrai"
		alert("var1 = " + tab["var1"]);// "possible"
		alert("var2 = " + tab["var2"]);// "France"
	}
});

});




Ceci fonctionne très bien.

Ma question est,
Pourquoi, si je remplace les alert par des innerHTML, cela ne fonctionne que pour le premier appel, ensuite j'ai un "TypeError: Cannot set property"

document.getElementById("chemin1").innerHTML = tab["tab1"][0];
renvoi bien 1
mais je passe en erreur sur la ligne suivante :
document.getElementById("chemin2").innerHTML =tab["tab2"];

Par avance merci pour votre réponse.

jjRando
Bonjour,

Si j'ai bien compris vous avez une barre de défilement horizontale ? Un élément doit dépasser, ce qui explique cet affichage sur petite définition d'écran. Il s'agit donc de rechercher le ou les éléments responsables de ce dépassement (ce peut être tout simplement leurs marges).

Ça arrive plus souvent qu'on croit sur les sites "responsives", même sur des sites très connus pourtant dédiés aux métiers du web.
Modifié par Olivier C (25 Mar 2017 - 13:47)
Bonjour,
Dans ce cas, je crois qu'il n'y a pas de solution pratique à ce problème.
Je vous propose tout de même une idée un peu sauvage :
<input type="text" id="np" name="np" value="" maxlength="25">


function verif_text(champ){
    var chiffres = new RegExp("[a-zA-Z ?.-=+,]");
    var verif;
    var points = 0;

    for(x = 0; x < champ.value.length; x++){
       verif = chiffres.test(champ.value.charAt(x));
       if(champ.value.charAt(x) == "."){points++;}
       if(points > 1){verif = false; points = 1;}
       if(verif == false){champ.value = champ.value.substr(0,x) + champ.value.substr(x+1,champ.value.length-x+1); x--;}
     }
};
function verif_regulier_text(champ) {
    if(champ == document.activeElement) {
        verif_text(champ);
        requestAnimationFrame(() => verif_regulier_text(champ));
    };
};
var np = document.getElementById("np");
np.addEventListener("focus", function() {
    verif_regulier_text(this);
}, true);
np.addEventListener("change",  function() { // ou "blur"
    verif_text(this);
}, false);

La validité de votre champ sera vérifiée en permanence dès lors qu'il a le focus et pas seulement lors de la saisie d'une lettre. Je n'ai pas testé, mais il y a un risque que ça empêche l'utilisateur de saisir du texte sans gène. Il faut tout de même garder un écouteur "change" ou "blur" pour vérifier le champ lorsque l'utilisateur le quitte.
Si vous n'avez qu'un seul champ sur votre page, cette méthode un peu bourrin peut convenir, mais de manière générale, je ne vous la recommande pas.
De plus, il me semble que document.activeElement est géré différemment selon les navigateurs (je ne sais pas si c'est toujours d'actualité).
Modifié par TrisTOON (25 Mar 2017 - 13:00)
Si je peux te donner un conseil c'est de jeter un œil sur le cms de micro blogging Ghost basé sur Nodejs.

Rapide , léger, avec gestion des thèmes , taxonomie , tags, éditeur markdown très pratique , bref c'est un WordPress pour petit blog , mais il conviendra parfaitement à ton projet je pense .

Ça fait déjà quelques projets que je l'utilise pour mes clients plutôt que WordPress .
Bonjour à tous, je suis débutant en intégration, j'ai fait une recherche avant pour trouver une réponse mais ne connait pas la question exacte à mon problème ,je n'ai rien trouvé.Donc je me permet de vous la poser et je vous remercie d'avance pour votre aide.

J'ai fait un site internet qui est compatible sur les différents explorateur et responsive, il s'affiche correctement partout.
Sauf que sur mobile je vois le body à 100% mais si je défile avec mon doigt je vais bien vers le bas mais je peux aussi aller sur la droite ce qui est gênant, par contre je ne peux pas aller sur la gauche , quand je vais sur la droite je vois une partie sur toute la hauteur de mon site ou il n' y a mon background et rien d'autre .
Aurais oublié d'indiquer dans le css responsive un élément?
Merci pour vos reponses si vous avez besoin de plus d’éléments ou si je n'ai pas ete assez clair n’hésitez pas , je sais que ce n'est pas évident à expliquer de plus sur pc je n'ai pas ce soucis quand je réduis le navigateur je ne peux pas me déplacer sur droite .
Modifié par Aeros (25 Mar 2017 - 11:05)
Bonjour à tous,

J'aimerai charger der fonts en fonction de l'écran
- aucune font charger si width <480
- 2 fonts chargées si 480 < width <768
- 3 fonts chargées si width > 768

				<link rel="stylesheet" type="text/css" media="screen and ((min-width: 480px) and (max-width: 768px))" href="https://fonts.googleapis.com/css?family=Offside%7CFredericka+the+Great" />
		<link rel="stylesheet" type="text/css" media="screen and (min-width: 768px)" href="https://fonts.googleapis.com/css?family=Offside%7CFredericka+the+Great%7CClicker+Script" />


mais quand je regarde sous ff ou chrome en adaptatif il charger les deux instruction quelque sois la largeur?
bzh a écrit :
J'ai essayé des lunettes anti lumière bleue mais j'ai pas pris car ça altère pas mal les couleurs, un peu comme des lunettes de soleil mais sur la couleur bleue, et je ne ressens pas souvent de fatigue face à l'écran.
Après je modifie souvent le contraste de mes écrans pour ne pas m'abimer les yeux et j'ai un écran mate qui rend moins bien les couleurs mais éclaire aussi beaucoup moins.

C'est effectivement un effet colatéral des verres filtrant la lumière bleue, les rendant peu adaptés aux professions manipulant des palettes de couleurs devant être les plus fidèles possibles.
Dès lors, chacun doit positionner le curseur entre protection de la rétine d'un côté et travail prolongé sur écran LED de l'autre. L'esssentiel étant de le faire en connaissance de cause.
Il convient de noter par ailleurs que la lumière bleue en question n'est pas émise qu'au niveau des ordinateurs, bien que ce soit le type d'émission qui nous occupe le plus vu nos métiers informatiques.
Il y a en effet pas mal d'autres sources lumineuses, présentes à nos domiciles, au bureau ou dans les transports, qui sont du même type et peuvent donc se révéler tout aussi néfastes. Bien entendu, tout dépend du niveau d'exposition (ex. si on regarde directement la source lumineuse ou bien si on se trouve dans le champ diffus) et de la durée de l'exposition.
Si j'ai bien compris tu veux mettre un slide show sur ton site?

Il faut un peu coder : j'ai fait une petite page avec un slide show fait maison.

Si tu connais un peu javascript tu arriveras a le comprendre et à l'adapter exactement à ton besoin, sinon il y des hébergeurs de site avec des éditeurs en ligne très bien ...

Bonne soirée


<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
        <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
        <style>
            .flou {
                -webkit-filter: blur(5px);
                -moz-filter: blur(5px);
                -o-filter: blur(5px);
                -ms-filter: blur(5px);

                filter: blur(5px);
            }
            .photos {
                position: absolute;
            }
            .sur-image { 
                position: absolute;
                left: 30%;
                top: 30%;
                width: 320px;
                height: 240px;
            }
            .commentaire {
                position: absolute;
                left: 10%;
                top: 30%;
                z-index: 1;
                color: black;
                font-size: 2em;
                font-weight: bold;
            }
            .slider {
                display: inline-block;
            }
            .fleche {
                position: relative;
                background: rgba(0,0,0,0.5);
                z-index: 2;
                border: none;
            }
            .gauche {
                left: 10px;
                top: 250px;
            }
            .droite {
                left: 570px;
                top: 250px;
            }
            .bandeau {
                position: absolute;
                left:20%;
                top: 20%;
                width: 640px;
            }
            #p1 {
                display: none;
            }
            #p3 {
                display: none;
            }
        </style>
    </head>
    <body>
        <div class='bandeau'>
            <div class='slider'>
                <button class='fleche gauche'>&leftarrow;</button>
                <button class='fleche droite'>&rightarrow;</button>
                <div id="p1" class='photos'>
                    <div class='commentaire'>
                        Photo 1
                    </div>
                    <img class='flou' src="images/photo1.jpg" >
                    <img class='sur-image' src="images/photo1.jpg" >
                </div>
                <div id="p2" class='photos'>
                    <div class='commentaire'>
                        Photo 2
                    </div>
                    <img class='flou' src="images/photo2.jpg" >
                    <img class='sur-image' src="images/photo2.jpg" >
                </div>
                <div id="p3" class='photos'>
                    <div class='commentaire'>
                        Photo 3
                    </div>
                    <img class='flou' src="images/photo3.jpg" >
                    <img class='sur-image' src="images/photo3.jpg" >
                </div>
            </div>
        </div>
        <script>
            var image=2;
            $(".gauche").click( function() {
                if (image>1) {
                    slideGauche(image);
                    image--;
                    slideDroite(image);
                }
            });
            $(".droite").click( function() {
                if (image<3) {
                    slideDroite(image);
                    image++;
                    slideGauche(image);
                }
            });
            function slideDroite(image) {
                $("#p"+image).toggle("slide",{ direction: "right" });
            }
            function slideGauche(image) {
                $("#p"+image).toggle("slide",{ direction: "left" });
            }

        </script>
    </body>
</html>
J'ai je pense, trouvé un début... :

Je me suis appuyé sur ceci https://openclassrooms.com/courses/dynamisez-vos-sites-web-avec-javascript/les-objets-et-les-tableaux

i corespond a mon numero1 car je crois qu'on ne peut pas mettre autre chose comme nom de variable...


var contenu = ""

for (var i = 1, var numero2 = 10; numero1 < numero2; i++) {
    //parser .xml a la balise correspondant a i puis attribuer son contenu a var contenu 
    myArray.push('contenu');// ici normalement ça doit rajouter le contenu a la fin de mon tableau
        
}


Après je ne sais pas si ça va fonctionner car mon tableau est différent du fait il y ai :


var data = google.visualization.arrayToDataTable([


A suivre Smiley biggol
25 Dernières réponses