begin process at 2010 03 21 12:59:20
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Astuces

 > OUVRIR UN POP-UP VIA UN JAVASCRIPT EXTERN

OUVRIR UN POP-UP VIA UN JAVASCRIPT EXTERN


 Information sur la source

Note :
7,33 / 10 - par 3 personnes
7,33 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Astuces Niveau :Initié Date de création :12/09/2004 Vu :12 793

Auteur : bongawonga

Ecrire un message privé
Commentaire sur cette source (13)
Ajouter un commentaire et/ou une note

 Description

C'est un javascript, je ne le posterais pas dans la section javascript car il est principalement utiliser pour les animations flash qui ne peuvent pas ouvrir de pop-up avec une fonction telque:
getURL ("javascript:window.open('.....
en effet pas Tous les navigateur accepte ce type de requete exepte en particulier notre célèbre IE (utilisé +70% de vos visiteurs)

voici le script externe au swf, qui peut être un palatif à notre probleme.
Je suis vraiment particulieremet mauvais en Javascript, j'arrive pas à retirer les barres d'outil et les scroll barre. Ce serait bien aussi qu'il redimentionne l'image en fonction la résoltion de l'écran et ce recentre au mileux de l'écran.

il faudrait l'améliorer. mais à mon avis c'est la meilleur solution, et la moins agressive.

Source

  • copier ce code dans un fichier "pop_up.htm" au même niveau que votre swf
  • ----------------------------------------
  • <HTML>
  • <HEAD>
  • <TITLE>PANDA GALLERIE</TITLE>
  • <script language='javascript'>
  • var arrTemp=self.location.href.split("?");
  • var picUrl = (arrTemp.length>0)?arrTemp[1]:"";
  • var NS = (navigator.appName=="Netscape")?true:false;
  • function FitPic() {
  • iWidth = (NS)?window.innerWidth:document.body.clientWidth;
  • iHeight = (NS)?window.innerHeight:document.body.clientHeight;
  • iWidth = document.images[0].width - iWidth;
  • iHeight = document.images[0].height - iHeight;
  • window.resizeBy(iWidth, iHeight);
  • self.focus();
  • };
  • </script>
  • </HEAD>
  • <BODY bgcolor="#000000" onload='FitPic();' topmargin="0"
  • marginheight="0" leftmargin="0" marginwidth="0">
  • <script language='javascript'>
  • document.write( "<img src='" + picUrl + "' border=0>" );
  • </script>
  • </BODY>
  • </HTML>
  • --------------------------------------------
  • le code executer dans flash:
  • getURL ("pop_up.htm?" + votre_Url, "_blank");
copier ce code dans un fichier "pop_up.htm" au même niveau que votre swf
----------------------------------------
<HTML>
<HEAD>
 <TITLE>PANDA GALLERIE</TITLE>
 <script language='javascript'>
   var arrTemp=self.location.href.split("?");
   var picUrl = (arrTemp.length>0)?arrTemp[1]:"";
   var NS = (navigator.appName=="Netscape")?true:false;

     function FitPic() {
       iWidth = (NS)?window.innerWidth:document.body.clientWidth;
       iHeight = (NS)?window.innerHeight:document.body.clientHeight;
       iWidth = document.images[0].width - iWidth;
       iHeight = document.images[0].height - iHeight;
       window.resizeBy(iWidth, iHeight);
       self.focus();
	};
	
 </script>
</HEAD>
<BODY bgcolor="#000000" onload='FitPic();' topmargin="0"  
marginheight="0" leftmargin="0" marginwidth="0">
 <script language='javascript'>
 document.write( "<img src='" + picUrl + "' border=0>" );
 </script>
</BODY>
</HTML>
--------------------------------------------

le code executer dans flash:
getURL ("pop_up.htm?" + votre_Url, "_blank");

 Conclusion

si vous avez de meilleurs sources pour le javascrip je suis preneur!

Que Shadmoolood et son afterShave vous apporte une peau douce comme des fesse de bébé du matin jusqu'a soir


 Sources du même auteur

Source avec Zip GÉNÉRATEUR DE THEMES
Source avec Zip DOLLZ [BETA 2]
[JEU] PANDA MEMO
AJUSTE AUTOMATIQUEMENT LA QUALITÉ
Source avec Zip PANDA GALERIE (XML) V1.7

 Sources de la même categorie

Source avec Zip Source avec une capture BASE SCOLL SUPER SIMPLE par top30
Source avec Zip AS3 PROTOTYPE par top30
Source avec Zip Source avec une capture VERIFICATION SI UN E-MAIL SAISI EST VALIDE par hadjle
Source avec Zip Source avec une capture GESTIONNAIRE KEYBOARDEVENT (TOUCHE MULTIPLE) par Blacknight91titi
Source avec Zip Source avec une capture RENDERDELEGATION: UNE CLASSE SUR L'EVENT.RENDER DU STAGE... par top30

Commentaires et avis

Commentaire de afad le 13/09/2004 11:38:09

L'astuce est sympa. Par contre je ne suis pas d'accord sur un point, que se soit en interne dans flash ou en externe via une fonction html, l'action window.open est accessible à 100% par l'ensemble des navigateurs.

Le seul bug connu provient de IE lors de l'utilisation de redirection transparente (ex : www.monsite.fr.st) mais une alternative existe et permet l'utilisation de window.open dans ce cas :

http://www.flashkod.com/code.aspx?id=13956

Tu ne pourras pas virer les scrollbars et les barres d'outils sans passer par un window.open, ni centrer la page, ni redimensionner l'image.

A+
aFaD

Commentaire de BananaTree le 06/11/2004 10:53:39

si y'a qq qui sait utiliser easy popups ui, moi j'arrive pas à trouver le composant depuis la fenêtre de paramettrage.

un lien au cas ou :
http://home.swfla.rr.com/centerpopup/index.htm

merci

Commentaire de melonmaudic le 01/11/2006 10:09:47

Si jamais, j'ai pu virer pas mal d'option avec ce script:


On met ceci dans le head de la page:

<script language="JavaScript" type="text/JavaScript">
  
function popup(URL,winName,features){
ff=window.open(URL,winName,features);

}

puis cela dans notre lien qui va servir à ouvrir le popup:

<a href = "javascript:popup('popup.html','Popup','toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizable=yes,copyhistory=no,width=800,height=576')">Ouvrir le popup</a>





      </script>

Commentaire de melonmaudic le 01/11/2006 10:11:08

Désolé, le </script> doit être déplacer à la dernière ligne du code qui se trouve dans le head.

Commentaire de audioform le 13/11/2006 07:10:37

bonjour, ça fait des jours que j'essaye de créer un bouton dans un fichier flash permettant d'ouvrir un popup avec un petit lecteur mp3 flash à l'intérieur..... mais étant totalement amateur dans le monde des sources, je n'y arrive pas !!! j'ai cherché partout et bien qu'ayant trouvé de bonnes pistes, je n'arrive pas à conclure ! :((
j'ai bien compris qu'il me faut utiliser le script "on release" pour mon bouton et "window.open" et "function popup" pour la page html.... mais ça ne veut pas marcher.... :( je suis à bout de souffle dans mes recherches et tentatives alors vraiment, si vous pouviez m'aider... je sais pas comment dire mais vous me feriez un plaisir ENORME !!!
j'ai vraiment cherché, je vous promets ! mais là je sèche complet !... merci à vous !!!

ps: je vous en prie, si vous prenez la peine de m'aider, soyez le plus clair et précis possible ! style pour les codes, n'oubliez aucun détails ! car je pense que ce qui me perd, ce sont les petites abréviations que vous mettez dans vos codes et qui semblent évidentes pour un connaisseur mais qui deviennent vite un vrai casse tete pour un amateur comme moi ! merci !

Commentaire de melonmaudic le 14/11/2006 09:42:42

Je suis plus sur, mais je sais que c'est possible, je l'ai fait pour le site de ma soeur pour ouvrir son jukebox sous www.aliose.ch, va sous m'écouter et clique sur le bouton mp3.

Il me semble que j'ai dû codé comme cela:

tu met ce code sur le bouton:

on (release){
getURL("javascript:ouvreFenetre('tapagehtml.htm', 644, 220)");
}

644=ta largeur de fenêtre
220=ta hauteur de fenêtre

J'espère que cela t'aidera.

Commentaire de audioform le 14/11/2006 14:32:12

merci bcp de m'aider :)

je vais essayer ça dès ce soir !
mais j'aurais tout de même besoin de plus de précisions stp...
(je suis vraiment débutant tu sais)
quand tu dis 'tapagehtml.htm', tu veux dire que je tape l'url
complete de la page en question (avec http://..)?
c bien ça ?

de plus, je ne dois pas entrer un code spécial dans cette nouvelle page html
pour qu'elle "réponde" correctement à la fonction du bouton ??...
style un truc dans le genre : functionpopup et window.open...

je ne sais plus comment faire...
HELP !


Commentaire de melonmaudic le 14/11/2006 22:21:27

Alors non, tu peux directement contrôler la fenêtre depuis flash comme dit ci-dessus.

Et tapage.html, c'est l'endroit ou se trouve ta page, tu peux donc soit pointer par internet: http://www......
mais rends ton lien fixe, soit tu le fait dynamiquement, si ton page popup se trouve dans le même dossier que ton anim, il te suffit de tapper: popup.html (si elle s'appelle popup).

Demande moi si ce n'est pas clair.

Commentaire de audioform le 14/11/2006 23:29:10

ça ne marche pas du tout... :-(( et je trouve ça bizarre 'ouvreFenetre'... c pas plutot : javascript:popup... ???

Commentaire de melonmaudic le 15/11/2006 18:07:34

Oui, pardon tu dois mettre ce code dans le head de ta fenêtre ou ton animation flash se trouve:

<script>
function ouvreFenetre(page,largeur,hauteur) {
var winl = (screen.width - largeur) / 2;
var wint = (screen.height - hauteur) / 2;
window.open(page, "", "scrollbars=no,menubar=no,toolbar=no,resizable=no,width="+ largeur + ",height=" + hauteur+",top="+wint+",left="+winl);

}
</script>

Cordiale Salutation.

L.Oswald

Commentaire de audioform le 15/11/2006 20:14:29

tu es sur de tes codes ??? personne pour confirmer ??
merci

Commentaire de melonmaudic le 15/11/2006 23:15:30

Je suis sur, la preuve sous m'écouter, mp3 de mon anim. sur aliose.ch

Commentaire de podi le 01/03/2008 10:37:14

tres bien le site aliose...
pour ma part, je debute egalement et melonmaudic peut certainemennt m'eclairer
sur ce site(aliose) c'est le lecteur tv qui m'interesse car il se redimensione en etirant la fenetre
ma question:
j ai un site entierement en flash (main.swf) et je veux qu en appuyant sur un bouton ça m ouvre un swf dans lequel j ai ma table de mixage
ma mixette:mixette.swf
elle est dans le dossier de mon site,donc
quel est le code exact pour le bouton et pour le script du html?
faut il modifier mixette.swf pour qu il se redimensione quand on etire la fenetre?

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,406 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales