IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Langage PHP Discussion :

affichage d'un swf sans recharger la page


Sujet :

Langage PHP

  1. #1
    Membre du Club
    Inscrit en
    Mars 2007
    Messages
    93
    Détails du profil
    Informations forums :
    Inscription : Mars 2007
    Messages : 93
    Points : 40
    Points
    40
    Par défaut affichage d'un swf sans recharger la page
    Bonjour a tous,

    Etant entrain de développer un carnet d'adresses en Flash, je désire intégrer cela sur une appli web en PHP.

    J'ai un swf pour l'ajout d'un contact et un pour la suppression d'un contact.

    J'aimerai savoir comment faire pour que lorsque je clique sur le bouton AJOUTER (bouton d'un formulaire HTML) cela charge mon swf sans recharger une page, sans faire appel à une autre page.

    Je veux que mon swf s'affiche dans mon DIV

    Merci pour votre aide

    Julien

  2. #2
    Membre régulier
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    71
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2008
    Messages : 71
    Points : 76
    Points
    76
    Par défaut
    salut,

    recharger une partie d une page c'est du javascript!

  3. #3
    Membre éclairé
    Avatar de keaton7
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    743
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 743
    Points : 689
    Points
    689
    Par défaut
    Bonjour,

    Ce n'est pas du PHP. C'est du javascript

    Par exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
     
    <style type="text/javascript">
    //<![CDATA[
    afficherDiv(maDiv) {
     document.getElementById(maDiv).style.display="block"
    }
     
    masquerDiv(maDiv) {
     document.getElementById(maDiv).style.display="none"
    }
    //]]>
    </script>
    <div id="divAjouterContact">
    <object>
     // Ton swf
    </object>
     <a href="javascript:void(0)" onclick="masquerDiv('divAjouterContact')">Fermer</a>
     
    </div>
    <p>
     <a href="javascript:void(0)" onclick="afficherDiv('divAjouterContact')">Ajouter un contact</a>
    </p>
    Je t'ai ecris une version simple sachant que le methode optimale utiliserai innertHTML avec une requete http afin d'eviter de charger tout et n'importe quoi au debut de la page. Si tu veux en savoir plus, et que tu ne maitrise pas javascript plus que ca, il existe de sframworks qui te simplifient beaucoup la vie, prototype en est un exemple (http://www.prototypejs.org/). Scriptaculous est interessant egalement, tu trouvera des exemples en ligne ici :http://scriptaculous.le-developpeur-...ulous.demo.php.

    Bon courage.
    Spécialité : Développement WEB
    Indispensables : Doc PHP ~ Doc MySQL ~ w3schools ~ validateurs W3C ~ Google Adwords ~ PHP-Tester


  4. #4
    Membre du Club
    Inscrit en
    Mars 2007
    Messages
    93
    Détails du profil
    Informations forums :
    Inscription : Mars 2007
    Messages : 93
    Points : 40
    Points
    40
    Par défaut
    Merci pour vos réponses.

    Je me suis peut etre fait mal comprendre. ;-)

    En fait, quand je clique sur le bouton "AJOUT", ca m'affiche ajout.swf dans mon div et quand je clique sur la bouton SUPPRIMER, ca m'affiche suppr.swf dans mon div et ainsi de suite, tout cela dans la même page et le plus instané possible.

    Merci

  5. #5
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Points : 7 503
    Points
    7 503
    Par défaut
    Donc un peu de code ne serait pas de refus.
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  6. #6
    Membre éclairé
    Avatar de keaton7
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    743
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 743
    Points : 689
    Points
    689
    Par défaut
    Le code que je t'ai mis, ca affiche charge une div avec ton ajout de contact dedand (j'ai pas mis le style="display:none") pour la masquer au demarrage mais bon ...

    Si tu veux que ca charge un element dans ta div, il faut alors comme je t'ai dis precedemment te trouner vers de srequetes AJAX, c'est a dire un fichier qui contient ton swf ajout, un autre avec ton swf de suppression, et un requete un peu comme celle la :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
     
     
    // La fonction makeRequest est tiree du site de Mozilla
    // https://developer.mozilla.org/en/AJAX/Getting_Started
     
     function makeRequest(url) {
            var httpRequest;
     
            if (window.XMLHttpRequest) { // Mozilla, Safari, ...
                httpRequest = new XMLHttpRequest();
                if (httpRequest.overrideMimeType) {
                    httpRequest.overrideMimeType('text/xml');
                    // See note below about this line
                }
            } 
            else if (window.ActiveXObject) { // IE
                try {
                    httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
                } 
                catch (e) {
                    try {
                        httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
                    } 
                    catch (e) {}
                }
            }
     
            if (!httpRequest) {
                alert('Giving up :( Cannot create an XMLHTTP instance');
                return false;
            }
            httpRequest.onreadystatechange = function() { alertContents(httpRequest); };
            httpRequest.open('GET', url, true);
            httpRequest.send('');
     
        }
     
        function alertContents(httpRequest) {
     
            if (httpRequest.readyState == 4) {
                if (httpRequest.status == 200) {
                    alert(httpRequest.responseText);
                } else {
                    alert('There was a problem with the request.');
                }
            }
     
        }
     
     
    function afficher(page,div) {
     
    document.getElementById(div).style.display = "block"
    document.getElementById(div).innerHTML = makeRequest(page);
     
    }
     
    function masquer(div) {
     
    document.getElementById(div).innerHTML = "";
    document.getElementById(div).style.display = "none"
     
     
    }
    puis sur ton evenement onclick tu fais un truc du genre :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    afficher("maPageAjoutAvecMonSwfDedans.html")
    C'est un exemple au kilometre, je l'ai pas teste mais c'est pour que tu vois l'idee. Il faut essayer maintanant.

    Voila je pense pas pouvoir te mâcher plus le travail
    Spécialité : Développement WEB
    Indispensables : Doc PHP ~ Doc MySQL ~ w3schools ~ validateurs W3C ~ Google Adwords ~ PHP-Tester


Discussions similaires

  1. Réponses: 1
    Dernier message: 06/09/2013, 09h09
  2. affichage div sans recharger la page
    Par tom6821 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 25/07/2013, 16h49
  3. JSP affichage dynamique sans recharger la page
    Par grosecret dans le forum Servlets/JSP
    Réponses: 8
    Dernier message: 02/10/2006, 15h04
  4. Changer la police avec un select, sans recharger la page
    Par Netoman dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 30/12/2004, 18h07

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo