contact@jm-crea.com
521 ch. du Puy, 06600 Antibes
Fixe : 09 80 36 03 01 Mobile : 06 61 86 58 07
JM Créa

0

was successfully added to your cart.

  • Accueil
  • Site Internet
    • Site vitrine
    • Site catalogue
    • Site E-commerce
    • Site one page
    • Par secteurs d’activité
    • Dépannage site Internet
  • Référencement
    • Référencement naturel
    • Référencement Google Ads
  • Webmarketing
    • Création de logo
    • Identité visuelle
    • Facebook ADS
    • Hébergement web
    • Maintenance de sites Internet
    • Inbound Marketing
    • Imprimerie
    • Intégration HTML
    • Création de logiciel
  • Réalisations
  • Outils
  • Shop
    • Plugins WordPress
    • PHP scripts
  • Blog
  • Contact
JM Créa
  • Accueil
  • Site Internet
    • Site vitrine
    • Site catalogue
    • Site E-commerce
    • Site one page
    • Par secteurs d’activité
    • Dépannage site Internet
  • Référencement
    • Référencement naturel
    • Référencement Google Ads
  • Webmarketing
    • Création de logo
    • Identité visuelle
    • Facebook ADS
    • Hébergement web
    • Maintenance de sites Internet
    • Inbound Marketing
    • Imprimerie
    • Intégration HTML
    • Création de logiciel
  • Réalisations
  • Outils
  • Shop
    • Plugins WordPress
    • PHP scripts
  • Blog
  • Contact
contact@jm-crea.com
521 ch. du Puy, 06600 Antibes
Fixe : 09 80 36 03 01 Mobile : 06 61 86 58 07

0

was successfully added to your cart.

Comment rafraichir qu’une partie de page web

HomeTuroriels Comment rafraichir qu’une partie de page web
by JM Créa 20 novembre 2017 in  Turoriels Tutoriel HTML Tutoriel Javascript 4

Dans ce tutoriel, nous allons voir comment rafraichir qu’une partie de page web de manière simple.

 

Comme vous l’avez déjà vu, il existe de plus en plus de sites Internet qui utilisent cette fonction. Exemple : vous cliquez sur un lien présent sur le site, et seulement une partie du contenu se charge. La page en elle-même ne se recharge pas entièrement.

Dans bien des cas, ce « mécanisme » peut s’avérer pratique pour l’internaute qui visite votre site, même si parfois ça parait compliqué à mettre en place pour le développeur.

Vous allez voir que c’est relativement simple à mettre en place.

Passons à la pratique

Dans un premier temps, nous allons créer 2 fichiers. Le premier sera la page normale et le second sera la page qui sera appelée lors d’un clic.

Pour le premier fichier : nous allons l’appeler index.php et nous allons appeler la bibliothèque jquery et un petit peu de javascript comme ceci :

<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>

<body>
<script>
$(document).ready(function () {
$("#actualisez_moi").load("rand.php", {
});
var refreshId = setInterval(function () {
$("#actualisez_moi").load("rand.php", {
});
}, 2000); //Touts les 2 secondes le div sera actualisé
$.ajaxSetup({
cache: false
});
});
</script>
<div id="actualisez_moi">Merci de patienter ...</div>
</body>

 

On récapitule :
– 1 On appel la bibliothèque jquery dans les balises head
– 2 On appel la fonction javascript dans le body
– 3 On place le div dans le body

 

Pour le deuxième fichier : nous allons l’appeler rand.php et nous allons mettre ce que l’on veut dedans. Dans cet exemple, nous allons générer des nombres aléatoires de 0 à 9999. Vous pouvez bien sûr y mettre ce que vous voulez.

<?php echo rand(0,9999); ?>

C’est tout ce que vous avez à faire ! Rien de plus 🙂

Il vous faut bien sûr adapter ces scripts à vos pages, mais si vous suivez bien ce tuto, vous devriez pouvoir vous en sortir.

N’hésitez pas à commenter si vous avez des questions ou suggestions.

0
0
Previous Post

Comment changer de nom de domaine sans perdre son référencement ?

Référencement

Next Post

SEO 2018 - Ce qui va changer

Actualités

4 commentaires

  1. JM Créa-Reply
    20 novembre 2017 at 17h47

    Oui, j’avais oublié de mettre le ? au début du fichier rand.php

    J’ai corrigé le code 🙂

  2. FredZ404-Reply
    20 novembre 2017 at 4h09

    pas réussi a le faire fonctionné ?

  3. tarquin-Reply
    20 novembre 2017 at 16h08

    Bonjour,

    Ce script ne fonctionne pas.
    Il reste sur Merci …

    une idée ?

    • JM Créa-Reply
      20 novembre 2017 at 13h37

      Effectivement il y avait un petit soucis.

      C’est corrigé 🙂

Publier un commentaire Annuler la réponse

Rechercher un article

Catégories

  • Actualités
  • Référencement
  • Turoriels
  • Webmarketing

Outils

  • Générateur de QR Code
  • Générateur de mot de passe
  • Générateur DKIM
  • Localiser une adresse IP
  • RBL Check
  • SPF check

Les derniers articles

Comment trouver de nouveaux clients lorsque l’on est indépendant ?

21 juillet 2022

Plugin WordPress captcha contact Form 7

17 juin 2022

Images libres de droits gratuites, où en trouver ?

5 mai 2022

Comment être premier sur Google ?

19 janvier 2022

Qu’est-ce qu’un sitemap XML et comment le mettre en place sur son site ?

4 janvier 2022

Comment choisir son nom de domaine pour son référencement Google ?

28 décembre 2021

Comment sécuriser son site Internet ?

17 décembre 2021

Comment mettre les mentions légales sur WordPress ?

16 décembre 2021

Créer un site gratuit, bonne ou mauvaise idée ?

9 décembre 2021

Hébergeur WordPress pas cher, que valent-ils ?

6 décembre 2021

Coordonnées

09 80 36 03 01
contact@jm-crea.com
521 chemin du Puy, 06600 Antibes
09:00h - 16:30h

Zones géographiques

  • Création site Internet Sophia Antipolis
  • Création site Internet Nice
  • Création site Internet Cannes
  • Création site Internet Villeneuve-Loubet
  • Création site Internet Monaco
  • Création site Internet Mougins

Derniers articles

Comment trouver de nouveaux clients lorsque l’on est indépendant ?

21 juillet 2022

Plugin WordPress captcha contact Form 7

17 juin 2022

Images libres de droits gratuites, où en trouver ?

5 mai 2022

Mentions légales | Agence web JM Créa