Welcome to Webmaster Hub

Inscrivez-vous maintenant pour avoir accès à toutes les fonctionnalités.

Une fois inscrit et identifié, vous pourrez contribuer à ce site en soumettant votre propre contenu ou en répondant au contenu existant. Vous pourrez éditer votre profil et communiquer avec les autres membres par messagerie privée.

Ce message sera supprimé une fois que vous serez identifié !

TYBMHI

Hubmaster
  • Compteur de contenus

    117
  • Inscrit(e) le

  • Dernière visite

Réputation sur la communauté

2 Neutre

À propos de TYBMHI

  • Date de naissance 01 déc. 1977

Information du profil

  • Genre
    Homme
  1. Bonjour et merci pour ton aide Sparh ! Voici le code final qui fonctionne. <script type="text/javascript"> $(document).ready(function() { $('.toggle_chat').hide(); $("#message_box")[0].scrollTop = $("#message_box")[0].scrollHeight; // load messages every 3000 milliseconds from server. load_data = {'fetch':1}; window.setInterval(function(){ var box = $("#message_box")[0]; // on vérifie si le scroll est en bas de l'élément var toBottom = box.offsetHeight + box.scrollTop >= box.scrollHeight; $.post('chatbox/shout.php', load_data, function(data) { $('.message_box').html(data); if (toBottom) { $("#message_box").animate({scrollTop: $("#message_box")[0].scrollHeight},2000); } }); }, 3000); //method to trigger when user hits enter key $("#shout_message").keypress(function(evt) { if(evt.which == 13) { var imessage = $('#shout_message').val(); post_data = {'message':imessage}; //send data to "shout.php" using jQuery $.post() $.post('chatbox/shout.php', post_data, function(data) { //append data into messagebox with jQuery fade effect! $(data).hide().appendTo('.message_box').fadeIn(); //keep scrolled to bottom of chat! $("#message_box").animate({scrollTop: $("#message_box")[0].scrollHeight},2000);//Autoscroll to bottom of div //reset value of message box $('#shout_message').val(''); }).fail(function(err) { //alert HTTP server error alert(err.statusText); }); } }); //toggle hide/show shout box $(".open_btn").click(function (e) { //get CSS display state of .toggle_chat element var toggleState = $('.toggle_chat').css('display'); //toggle show/hide chat box $('.toggle_chat').slideToggle(); //use toggleState var to change close/open icon image if(toggleState == 'block') { $(".header div").attr('class', 'open_btn'); }else{ $(".header div").attr('class', 'close_btn'); } }); }); </script>
  2. Bonjour à tous, Je tente d'insérer un chat sur mon site web. J'ai réussi à le créer mais un problème persiste depuis deux jours. Lorsque le chat s'ouvre, pas de problème, le scroll revient vers le bas. D'ailleurs il revient vers le bas à chaque rafraichissement du contenu (toutes les 3 secondes). Et c'est bien là mon problème. Je souhaiterais que lorsque le "chatteur" monte le scroll pour lire les messages précédents ne soit pas embêté par le retour automatique du scroll. En fait, j'aimerais que le scroll ne revienne pas en bas si l'internaute l'a déplacé lui-même. Je crois qu'il faut tester la position du scroll et faire une condition en Javascript. Mais là j'avoue que ça dépasse très largement mes compétences. Si quelqu'un peut m'aider... Je vous remercie d'avance. Voici le code : <script type="text/javascript"> $(document).ready(function() { $('.toggle_chat').hide(); // load messages every 3000 milliseconds from server. load_data = {'fetch':1}; window.setInterval(function(){ $.post('chatbox/shout.php', load_data, function(data) { $('.message_box').html(data); $("#message_box").animate({scrollTop: $("#message_box")[0].scrollHeight},2000);//Autoscroll to bottom of div }); }, 3000); //method to trigger when user hits enter key $("#shout_message").keypress(function(evt) { if(evt.which == 13) { var imessage = $('#shout_message').val(); post_data = {'message':imessage}; //send data to "shout.php" using jQuery $.post() $.post('chatbox/shout.php', post_data, function(data) { //append data into messagebox with jQuery fade effect! $(data).hide().appendTo('.message_box').fadeIn(); //keep scrolled to bottom of chat! $("#message_box").animate({scrollTop: $("#message_box")[0].scrollHeight},2000);//Autoscroll to bottom of div //reset value of message box $('#shout_message').val(''); }).fail(function(err) { //alert HTTP server error alert(err.statusText); }); } }); //toggle hide/show shout box $(".open_btn").click(function (e) { //get CSS display state of .toggle_chat element var toggleState = $('.toggle_chat').css('display'); //toggle show/hide chat box $('.toggle_chat').slideToggle(); //use toggleState var to change close/open icon image if(toggleState == 'block') { $(".header div").attr('class', 'open_btn'); }else{ $(".header div").attr('class', 'close_btn'); } }); }); </script>
  3. Super ça fonctionne ! Merci beaucoup eric73 ! Merci aussi à captain_torch. A bientôt !
  4. Bon, je n'y arrive pas sur le site de jsfiddle, le carré "result" reste blanc. Alors puis-je vous envoyer la page HTML ? Au moins vous verrez en direct le résultat. test.html
  5. D'accord, je vais essayer ça. Mais je ne connais pas.
  6. Bonjour et merci également Eric73 pour ton aide. Il n'y a pas d'erreur javascript au chargement de la page selon la console.
  7. Bonjour et merci de ta réponse captain_torche, Désolé pour la qualité du code... Alors j'avais déjà essayé sans succès. Je viens de recommencer pour confirmer à nouveau et toujours sans succès... Il ne se passe absolument rien.
  8. Bonjour à tous ! Je n'arrive pas à insérer un onclick dans le contenu d'une infowindow d'un marker google map. Si le onclick est de la sorte : onclick="alert('Test');" Cela fonctionne très bien. En revanche dès que le onclick renvoie à une fonction ça ne passe pas. Ni avec un "button" ni avec la balise <a>. Quelqu'un peut-il m'aider s'il vous plait ? var contentString<?php echo $id; ?> = '<div id="content">'+ '<div id="siteNotice">'+ '</div>'+ '<h1 id="firstHeading" class="firstHeading"><?php echo $type; ?></h1>'+ '<div id="bodyContent" style="margin:-13px 0px 0px 0px;">'+ '<span style=font-size:0.8em;><?php echo $heure; ?> ><br/></span>' + '<span style=font-size:0.8em;><?php echo $ville; ?> (<?php echo $code_postal; ?>)</span>' + '<p style="margin:10px 0px 10px 0px;"> Précision : <?php echo $commentaire; ?></p>'+ '<p>Discutez ici : <a href="#" >tchat</a> </p>'+ '<p style="width:100%;text-align:center;"><input type="button" value="Zoom++" onclick="zoom_marker();" /> '+ '<a href="" onclick=retour_zoom_marker(); >Zoom--</a> </p>'+ '</div>'+ '</div>'; function zoom_marker(){ map_france.setZoom(16); } function retour_zoom_marker(){ map_france.setZoom(6); } Merci d'avance pour votre aide.
  9. C'est génial !! Ca marche !! Je te remercie sincèrement Sparh. Merci beaucoup et bonne soirée !
  10. Bonjour à tous ! Avant toute chose, je suis une grosse bille en Javascript... Cela fait des jours et des jours que je tente de faire un script en utilisant l'api V3 de google Map. Ce script doit pouvoir me donner l'adresse (pays, département, ville et CP) du client à partir de ses coordonnées géographiques. J'y arrive mais uniquement en cliquant sur le bouton "Obtenir la ville..." qui fait appel à la fonction "retrieve". Je ne sais pas comment faire pour obtenir ces informations dès que le client arrive sur la page, sans cliquer sur ce bouton. Finalement, je voudrais que la fonction "retrieve" s'exécute dès l'ouverture de la page. Je pense que c'est un truc très bête, mais là je bloque totalement depuis très longtemps ! Merci d'avance pour votre aide. <script type="text/javascript"> /* Déclaration des variables */ var geocoder; var map; var infowindow = new google.maps.InfoWindow(); var marker; /* Fonction d'initialisation de la map appelée au chargement de la page */ function initialize() { if(navigator.geolocation) { // Fonction de callback en cas de succès function affichePosition(position) { var infopos = ""; infopos += position.coords.latitude +","; infopos += position.coords.longitude; document.getElementById('latlng').value = infopos; // On instancie un nouvel objet LatLng pour Google Maps var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); // Ajout d'un marqueur à la position trouvée var marker = new google.maps.Marker({ draggable : true, autoPan:true, position: latlng, map: map }); map.panTo(latlng); } // Fonction de callback en cas d’erreur function erreurPosition(error) { var info = "Erreur lors de la géolocalisation : "; switch(error.code) { case error.TIMEOUT: info += "Timeout !"; break; case error.PERMISSION_DENIED: info += "Vous n’avez pas donné la permission"; break; case error.POSITION_UNAVAILABLE: info += "La position n’a pu être déterminée"; break; case error.UNKNOWN_ERROR: info += "Erreur inconnue"; break; } } navigator.geolocation.getCurrentPosition(affichePosition,erreurPosition); } else { alert("Ce navigateur ne supporte pas la géolocalisation"); } geocoder = new google.maps.Geocoder(); var latlng = new google.maps.LatLng(48.8566667, 2.3509871); var myOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP } map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); } /* Fonction de géocodage inversé (en fonction des coordonnées de l'adresse) */ function codeLatLng(input) { var latlngStr = input.split(",",2); var lat = parseFloat(latlngStr[0]); var lng = parseFloat(latlngStr[1]); var latlng = new google.maps.LatLng(lat, lng); geocoder.geocode({'latLng': latlng}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { if (results[0]) { map.setZoom(11); marker = new google.maps.Marker({ position: latlng, map: map }); var elt = results[0].address_components; for(i in elt){ if(elt[i].types[0] == 'postal_code') document.getElementById('cp').value = elt[i].long_name; if(elt[i].types[0] == 'locality') document.getElementById('adr').value = elt[i].long_name; if(elt[i].types[0] == 'administrative_area_level_2') document.getElementById('dpt').value = elt[i].long_name; if(elt[i].types[0] == 'country') document.getElementById('pays').value = elt[i].long_name; } infowindow.setContent(results[0].formatted_address); infowindow.open(map, marker); map.setCenter(latlng); } } else { alert("Geocoder failed due to: " + status); } }); } function retrieve(){ var input = document.getElementById("latlng").value; codeLatLng(input); } </script> Et la partie HTML <body onload="initialize()"> <div id="maposition" style="width:640px;text-align:center;color:red;margin:0px 0px 10px 0px;"></div> <div> latitude, longitude : <input id="latlng" type="text" value=""> <input type="button" value="Obtenir la ville..." onclick="retrieve()"> Ville / adresse : <input id="adr" type="text" value=""> code postal : <input id="cp" type="text" value=""> département : <input id="dpt" type="text" value=""> pays : <input id="pays" type="text" value=""> </div> <div id="map_canvas"></div> </body>
  11. J'ai avancé, je ne sais pas encore d'où vient l'erreur exactement mais je sais où elle se situe. Lorsque j'envoie mon formulaire sans passer par ajax, ça fonctionne parfaitement. Il y a donc un problème avec mon script ajax. Ce dernier fonctionne parfaitement avec d'autre formulaire, mais avec lesquels je n'envoie pas de bbcode. Si quelqu'un pouvait donc m'aider sur ce que je devrais changer dans ce code.... Merci d'avance ! <script language="JavaScript"> function nouveau_topic(id_categorie,categorie,titre_sujet,text_nouveau_sujet) { var OAjax; if (window.XMLHttpRequest) OAjax = new XMLHttpRequest(); else if (window.ActiveXObject) OAjax = new ActiveXObject('Microsoft.XMLHTTP'); OAjax.open('POST',"requete_ajax/nouveau_sujet.php",true); OAjax.onreadystatechange = function() { if (OAjax.readyState == 4 && OAjax.status==200) { if (document.getElementById) { if (OAjax.responseText =='true') { /* OK */ $('form#form_nouveau_sujet').html('<div style=color:green id=\'confirmMsg\'> Merci !</div>'); document.location.href="topic.php" }else{ /* PAS OK */ document.getElementById('erreur_nouveau_sujet').innerHTML='<font color=RED>'+OAjax.responseText+'</font>'; } } } } OAjax.setRequestHeader('Content-type','application/x-www-form-urlencoded'); OAjax.send('id_categorie='+id_categorie+'&categorie='+categorie+'&titre_sujet='+titre_sujet+'&text_nouveau_sujet='+text_nouveau_sujet); } </script>
  12. Bonjour, J'ai installé tinymce (bbcode) sur un textarea d'un formulaire de mon site. L'installation s'est bien passé. En revanche, à l'enregistrement dans une table j'ai un problème. En effet dès que je met un espace dans le textarea, ce qui suit ne s'enregistre pas ! Je trouve cela vraiment bizarre. Je récupère les données en ajax de la manière suivante : $mon_sujet = $_POST['mon_sujet'];Je ne comprend absolument pas pourquoi. Je précise que si je ne met que du texte, cela fonctionne, même avec plusieurs espaces. Mais dès que je met un émoticone, une image ou bien un lien par exemple après un espace, plus rien ne s'enregistre dans la bdd après cet espace. Sans espace, pas de soucis, tout s'enregistre. Merci d'avance pour votre aide.
  13. Bonjour à tous ! J'ai créé une page d'accueil personnalisable. Tout fonctionne bien. Désormais j'aimerais faire en sorte que plusieurs personnes puissent l'utiliser avec ses propres paramètres. Et c'est là que ça bloque ! Je sais créer un espace membre, j'ai ma table avec tous les liens web que je propose sur cette page d'accueil mais je ne vois pas comment sauvegarder les choix d'un membre. Les choix consiste à l'ordre dans lequel l'utilisateur veut voir ses liens web sur sa page et ses favoris (home). Voici la table qui propose tous les liens : -- -- Structure de la table 'accueil'-- CREATE TABLE 'accueil' ('id' int(5) NOT NULL AUTO_INCREMENT,'numero' int(4) NOT NULL,'nom' varchar(100) COLLATE latin1_german2_ci NOT NULL,'lien' varchar(100) COLLATE latin1_german2_ci NOT NULL,'image' varchar(150) COLLATE latin1_german2_ci NOT NULL,'categorie' varchar(50) COLLATE latin1_german2_ci NOT NULL,'home' varchar(3) COLLATE latin1_german2_ci NOT NULL DEFAULT 'non','numero_home' int(4) NOT NULL,PRIMARY KEY ('id')) ENGINE=MyISAM AUTO_INCREMENT=206 DEFAULT CHARSET=latin1 COLLATE=latin1_german2_ci AUTO_INCREMENT=206 ;Le classement des liens se fait à partir de la colonne "numero". Comment donc puis je faire à partir de cette table pour la lier à un utilisateur ? Je crois qu'il existe une manière où on mettrait dans la colonne "numero" un truc du genre : utilisateur_1:12, utiisateur_2:18, utiisateur_3:7... Mais je n'en sais pas plus.. Merci d'avance pour votre aide.
  14. Un nouveau message pour te dire un grand merci capatain_torche ! C'est exactement ce qu'il me fallait. Ca fonctionne maintenant, parfait ! A bientôt !
  15. Merci beaucoup capatain_torche ! Je vais donc voir du coté du cURL. Encore merci et j'espère donc que je vais y arriver. A bientôt !