charger les articles dans iframe cliquant btn flash

  • ziyi
  • Born
  • Born
  • No Avatar
  • Inscription: Fév 19, 2006
  • Messages: 2
  • Status: Offline

Message Février 19th, 2006, 3:55 pm

Bonjour!

J'ai un flash dans ma tête html site avec le menu en elle.

Relâcher le bouton de menu, je ne veux pas charger la page entière, car il ya un peu de musique dans l'arrière-plan également.

Comment puis-je appeler un contenu html du flash dans une iframe, sans actualisation de l'ensemble du site?

J'ai déjà essayé on (release) (getURL ( "page. html "," iframeName ");) script, mais il ouvre une nouvelle fenêtre de mon navigateur...

Merci d'avance

Ziyi
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Février 19th, 2006, 3:55 pm

  • Skin
  • Student
  • Student
  • Avatar de l’utilisateur
  • Inscription: Juil 29, 2005
  • Messages: 76
  • Loc: United Kingdom
  • Status: Offline

Message Février 19th, 2006, 4:50 pm

votre demande sur le forum tort vraiment que c'est davantage une question de programmation qui n'est pas flash! mais bon je vous réponds mal de questions et peut-être le captaions de ce navire sera le déplacer vers le forum concerné.

utilisez la méthode Ajax, .. ce qui appelle un script côté serveur en utilisant le objet requst en JavaScript pour charger du contenu HTML sans rafraîchir la page.

placer dans la tête de votre fichier HTML,....

Code: [ Select ]

<script type="text/JavaScript">

function makeObject(){
var x;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
x = new ActiveXObject("Microsoft.XMLHTTP");
}else{
x = new XMLHttpRequest();
}
return x;
}

var request = makeObject();


function getPage(page){
    
    //The function open() is used to open a connection.
    //Parameters are 'method' and 'url'. For this tutorial we use GET.
    //We send it to 'test.php?id=' and add the index from our SELECT form field
    
    
    request.open('post', 'getPage.php');
    
    request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");

    //This tells the script to call parseInfo() when the ready state is changed.
    request.onreadystatechange = parseInfo;

    //This sends whatever we need to send. Unless you're using POST as method, the parameter is to remain empty.
    
    getstr='page='+page;
    request.send(getstr);
}

function parseInfo(){
    if(request.readyState == 1){
        
        //While we are still waiting for a response, we replace whatever's in the div # 'my_div' with
        //the text 'Loading...'.
        document.getElementById('my_div').innerHTML = '<img src="assets/loading.gif" />';
    }
    if(request.readyState == 4){

        //request.responseText holds the response we got from the server.
        //We assign it to a variable and replace the content of 'my_div' when it's done loading
        var answer = request.responseText;

        document.getElementById('my_div').innerHTML = answer;
    }
}
</script>
  1. <script type="text/JavaScript">
  2. function makeObject(){
  3. var x;
  4. var browser = navigator.appName;
  5. if(browser == "Microsoft Internet Explorer"){
  6. x = new ActiveXObject("Microsoft.XMLHTTP");
  7. }else{
  8. x = new XMLHttpRequest();
  9. }
  10. return x;
  11. }
  12. var request = makeObject();
  13. function getPage(page){
  14.     
  15.     //The function open() is used to open a connection.
  16.     //Parameters are 'method' and 'url'. For this tutorial we use GET.
  17.     //We send it to 'test.php?id=' and add the index from our SELECT form field
  18.     
  19.     
  20.     request.open('post', 'getPage.php');
  21.     
  22.     request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
  23.     //This tells the script to call parseInfo() when the ready state is changed.
  24.     request.onreadystatechange = parseInfo;
  25.     //This sends whatever we need to send. Unless you're using POST as method, the parameter is to remain empty.
  26.     
  27.     getstr='page='+page;
  28.     request.send(getstr);
  29. }
  30. function parseInfo(){
  31.     if(request.readyState == 1){
  32.         
  33.         //While we are still waiting for a response, we replace whatever's in the div # 'my_div' with
  34.         //the text 'Loading...'.
  35.         document.getElementById('my_div').innerHTML = '<img src="assets/loading.gif" />';
  36.     }
  37.     if(request.readyState == 4){
  38.         //request.responseText holds the response we got from the server.
  39.         //We assign it to a variable and replace the content of 'my_div' when it's done loading
  40.         var answer = request.responseText;
  41.         document.getElementById('my_div').innerHTML = answer;
  42.     }
  43. }
  44. </script>



vous pourrez voir baove J'ai envoyé une demande pour obtenir page.php
Si vous ne connaissez pas la copie en PHP ci-dessous et collez le dans un nouveau fichier et l'appeler getPage.php

PHP Code: [ Select ]
<?php
 
$html=file_get_contents($_POST['page']);
 
echo "html = ".$html;
 
?>
 
  1. <?php
  2.  
  3. $html=file_get_contents($_POST['page']);
  4.  
  5. echo "html = ".$html;
  6.  
  7. ?>
  8.  


Cela aura pour siéger dans le même répertoire que votre fichier html principal, si vous le déplacez, vous devrez modifier le chemin dans la demande la même façon que n'importe quel autre fichier.

vous le verrez dans le parseInfo fonction, j'ai envoyé la réponse du php pour "my_div" afin de créer un élément div dans le corps de votre code HTML et GIV il l'id de "my_div" (vous pouvez appeler cette u ce que voulez, mais assurez-vous pour l'cahnge dans la fonction parseInfo.

savez que vous pouvez appeler la fonction getPage partir de n'importe quel bouton ou ETC lien avec le paramètre du nom de fichier HTML que vous souhaitez charger. p. ex.

Code: [ Select ]
<a href="javascript:;" onclick="getPage('page.html')">show Page</a>


J'ai compressé des fichiers par exemple pour vous à
http://www.skindc.co.uk/showPage.zip

utiliser ces fichiers pour savoir, mais assurez-vous de regarder plus loin dans la transformation ajax il youunderstand supplémentaires

G [/ url]
  • ziyi
  • Born
  • Born
  • No Avatar
  • Inscription: Fév 19, 2006
  • Messages: 2
  • Status: Offline

Message Février 20th, 2006, 8:19 am

Huhh...

Merci la peau, il est grand, je n'ai pas essayé votre suggestion, mais j'espère vraiment qu'elle fonctionne. Et merci pour le détail des "tutorial".

En passant: Que dois-je écrire de l'action dans le fichier flash sur les boutons couche?

? quelque chose comme ceci: on (release) (getURL ( "page.html", "iframeName");)

Je sais que votre solution est de ne pas javascript iframe...

Ziyi
  • Skin
  • Student
  • Student
  • Avatar de l’utilisateur
  • Inscription: Juil 29, 2005
  • Messages: 76
  • Loc: United Kingdom
  • Status: Offline

Message Février 20th, 2006, 11:06 am

sur le bouton, l'utilisation,

onRelease = function () (
getURL ( "javascript & #058; getPage (page.html) ");
)

Ne prenez pas de la double et unique qoutes mahe et que vous utilisez le même.

ceci est la manière la plus simple de la com `ting avec javascript flash, cherchez sur google en tant que il existe des moyens que vous pouvez avoir plus de contrôle entre le flash et la tenue page html.

Iframe n'est pas la meilleure façon de faire les choses comme il est pas encore pris en charge par les standards du W3C pour xhml. Je ne l'aide pour le chargement avec ajax.

re post si coincé...

G.
  • ralucamarginean
  • Born
  • Born
  • No Avatar
  • Inscription: Avr 23, 2008
  • Messages: 1
  • Status: Offline

Message Avril 23rd, 2008, 2:56 am

Salut Skin,

J'ai utilisé vos conseils et cela a fonctionné. Merci beaucoup!
Il ya juste un petit problème. Le bouton retour de navigateurs ne sont pas plus actifs. vous avez la moindre idée comment faire fonctionner?

Merci encore.

Raluca
  • Skin
  • Student
  • Student
  • Avatar de l’utilisateur
  • Inscription: Juil 29, 2005
  • Messages: 76
  • Loc: United Kingdom
  • Status: Offline

Message Avril 23rd, 2008, 5:40 am

En faisant cette méthode, vous êtes genre de reproduire ajax (le mot détesté) la fonctionnalité, et, dans ce cas, vous avez besoin de stocker dans une sorte prevPage var javascript qui stocke une référence à la dernière page html que vous avez chargé avant celui-ci. Et puis, vous devriez être en mesure de passer outre à l'histoire de l'objet en java lui dire d'appeler votre fonction à l'getPage précédente html variable en paramètre. Ainsi, le chargement de la page précédente, comme si vous avez cliqué sur le bouton flash.

Havnt obtenu le code à la minute avec moi que j'ai utilisé dans le passé et a été un moment depuis que j'ai touché (en raison d'être enterré dans le développement flash).

Si je me souviens, je poste ici quelque chose plus tard, mais en attendant, vous souhaitez mai à google quelque chose comme ajax bouton retour de fixer ou de l'histoire mis en javascript

Bonne chance et pm moi si youo reste coincé et havnt posted code.

Gary
  • MrTambourineMan
  • Born
  • Born
  • No Avatar
  • Inscription: Avr 29, 2009
  • Messages: 1
  • Status: Offline

Message Avril 29th, 2009, 6:52 am

Salut les gars,

cela a été vraiment utile. Juste essayer de le prendre un peu plus loin en utilisant des cadres de séparer et de diviser ma page en plus facile. J'ai un menu flash sur le côté gauche de ma page et je voudrais l'utiliser pour charger le contenu dans le droit de celui-ci (le principal) pour le contenu. J'ai une version grossière de travail en utilisant le script ci-dessus, sans l'utilisation des cadres, mais je pense que j'aurais plus de contrôle pour la conception et la mise en page à l'aide des cadres. J'ai commencé à essayer d'adapter le script mais je suis assez nouveau pour java. J'ai vu un site qui je suis en train d'imiter pour la mise en page, voir ici;
http://www.dworkz.com/

Maintenant, ce site semble être en utilisant php avec ce portid chose, mais être worng i mai. Mais la façon dont ils sont capables d'utiliser ce que les cadres particulièrement im po

Donc, fondamentalement, si quelqu'un sait comment adapter le script ci-dessus pour être capable d'utiliser un nom de cadre ainsi que d'une div qui serait schweet!

Cheers chaps!

Afficher de l'information

  • Total des messages de ce sujet: 7 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 32 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC