[HTML 4.0] Redimensionner un site flash [Résolu]

cosi-fan-tutte · 01/08/2011, 14h08

Bonjour,

J'ai intégré un site flash (un seul fichier swf) sur ma page perso free.

http://les-concerts-pastel.com et http://dominique-salloum.com
qui pointent sur http://dominique.salloum.free.fr

La page qui s'affiche est beaucoup trop grande, j'aurais souhaité qu'elle soit dimensionnée à la taille de l'écran, sans que l'internaute n'ait à utiliser la roulette de sa souris pour défiler.

Quoi changer dans les codes svp?

Voici la liste des fichiers présents sur le site, ainsi que (le cas échéant) leur code respectif :

1. Les Concerts Pastel - Dominique SALLOUM (piano) & Nathalie JOURDAN (pastels) - Press Book.swf

2. index.html

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
<!-- Copyright [2008] Adobe Systems Incorporated.  All rights reserved -->
<!-- saved from url=(0013)about:internet -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Dominique SALLOUM & Nathalie JOURDAN - Press Book</title>
<meta name="Keywords" lang="fr" content="Nathalie Jourdan, Dominique Salloum, les Concerts Pastel, piano, peinture, projection de tableaux, tableaux en mesure, tableaux sur mesure, concept nouveau, concert expo" />
<meta name="Description" lang="fr" content="Les Concerts Pastel, un concept nouveau de Dominique SALLOUM (piano) et Nathalie JOURDAN (peintre), où des tableaux 'sur mesure', racontent la musique, projetés 'en mesure' sur écran géant durant le concert." />
<script src="standard.js" type="text/javascript"></script>
</head>
 
 
 
<body   bgcolor="#000000">
<center>
 
	<div id="CaptivateContent">&nbsp;
		<!-- <a href="http://imageshack.us/photo/my-images/42/lesconcertspastel.jpg/" target="_blank">[IMG=http://img42.imageshack.us/img42/9236/lesconcertspastel.jpg][/IMG]</a>
 
Uploaded with <a href="http://imageshack.us" target="_blank">ImageShack.us</a> -->
		<!-- <a target='_blank' title='ImageShack - Image And Video Hosting' href='http://imageshack.us/photo/my-images/42/lesconcertspastel.jpg/'><img src='http://img42.imageshack.us/img42/9236/lesconcertspastel.jpg' border='0'/></a>
 
Uploaded with <a target='_blank' href='http://imageshack.us'>ImageShack.us</a> -->
		<!-- Nathalie Jourdan, Dominique Salloum, les Concerts Pastel, piano, peinture, projection de tableaux, tableaux en mesure, tableaux sur mesure, concept nouveau, concert expo -->
		<!-- Les Concerts Pastel, un concept nouveau de Dominique SALLOUM (piano) et Nathalie JOURDAN (peintre), où des tableaux 'sur mesure', racontent la musique, projetés 'en mesure' sur écran géant durant le concert -->
	</div>
	<script type="text/javascript">
	   var so = new SWFObject("Les Concerts Pastel - Dominique SALLOUM (piano) & Nathalie JOURDAN (pastels) - Press Book.swf", "Captivate", "1058", "823", "10", "#CCCCCC");
		so.addParam("quality", "high");
		so.addParam("name", "Captivate");
		so.addParam("id", "Captivate");
		so.addParam("wmode", "window");
		so.addParam("bgcolor","#000000");
		so.addParam("menu", "false");
		so.addVariable("variable1", "value1");
		so.setAttribute("redirectUrl", "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash");
		so.write("CaptivateContent");
	</script>
 
 
	<script type="text/javascript">
		document.getElementById('Captivate').focus();
		document.Captivate.focus();
	</script>
</center>
</body>
</html>

3. Les Concerts Pastel - Dominique SALLOUM (piano) & Nathalie JOURDAN (pastels) - Press Book_fs.htm

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
<!-- saved from url=(0013)about:internet -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Dominique SALLOUM & Nathalie JOURDAN - Press Book</title>
<script type="text/javascript">
<!-- Begin
function fullScreen(theURL) {
window.open(theURL, '', 'fullscreen=yes, scrollbars=auto');
}
//  End -->
</script>
</head>
 
<body>
<a href="javascript:void(0);" onClick="fullScreen('Les Concerts Pastel - Dominique SALLOUM (piano) & Nathalie JOURDAN (pastels) - Press Book.htm');">Click here to Open Dominique SALLOUM & Nathalie JOURDAN - Press Book in Full Screen Window</a>
</body>
</html>

4. standard.js

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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
/**
 * 
 * Copyright 2007
 * 
 * Paulius Uza
 * http://www.uza.lt
 * 
 * Dan Florio
 * http://www.polygeek.com
 * 
 * Project website:
 * http://code.google.com/p/custom-context-menu/
 * 
 * --
 * RightClick for Flash Player. 
 * Version 0.6.2
 * 
 */
 
var RightClick = {
	/**
	 *  Constructor
	 */ 
	init: function () { 
		this.FlashObjectID = "Captivate";
		this.FlashContainerID = "CaptivateContent";
		this.Cache = this.FlashObjectID;
		if(window.addEventListener){
			 window.addEventListener("mousedown", this.onGeckoMouse(), true);
		} else {
			document.getElementById(this.FlashContainerID).onmouseup = function() { document.getElementById(RightClick.FlashContainerID).releaseCapture(); }
			document.oncontextmenu = function(){ if(window.event.srcElement.id == RightClick.FlashObjectID) { return false; } else { RightClick.Cache = "nan"; }}
			document.getElementById(this.FlashContainerID).onmousedown = RightClick.onIEMouse;
		}
	},
	/**
	 * GECKO / WEBKIT event overkill
	 * @param {Object} eventObject
	 */
	killEvents: function(eventObject) {
		if(eventObject) {
			if (eventObject.stopPropagation) eventObject.stopPropagation();
			if (eventObject.preventDefault) eventObject.preventDefault();
			if (eventObject.preventCapture) eventObject.preventCapture();
	   		if (eventObject.preventBubble) eventObject.preventBubble();
		}
	},
	/**
	 * GECKO / WEBKIT call right click
	 * @param {Object} ev
	 */
	onGeckoMouse: function(ev) {
	  	return function(ev) {
	    if (ev.button == 2) {
			RightClick.killEvents(ev);
			if(ev.target.id == RightClick.FlashObjectID && RightClick.Cache == RightClick.FlashObjectID) {
	    		RightClick.call();
			}
			RightClick.Cache = ev.target.id;
		}
	  }
	},
	/**
	 * IE call right click
	 * @param {Object} ev
	 */
	onIEMouse: function() {
	  	if (event.button == 2) {
			if(window.event.srcElement.id == RightClick.FlashObjectID && RightClick.Cache == RightClick.FlashObjectID) {
				RightClick.call(); 
			}
			document.getElementById(RightClick.FlashContainerID).setCapture();
			if(window.event.srcElement.id)
			RightClick.Cache = window.event.srcElement.id;
		}
	},
	/**
	 * Main call to Flash External Interface
	 */
	call: function() {
		document.getElementById(this.FlashObjectID).rightClick();
	}
}
 
/**
 * SWFObject v1.5: Flash Player detection and embed - http://blog.deconcept.com/swfobject/
 *
 * SWFObject is (c) 2007 Geoff Stearns and is released under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 *
 */
 
 
if(typeof deconcept=="undefined"){var deconcept=new Object();}if(typeof deconcept.util=="undefined"){deconcept.util=new Object();}if(typeof deconcept.SWFObjectUtil=="undefined"){deconcept.SWFObjectUtil=new Object();}deconcept.SWFObject=function(_1,id,w,h,_5,c,_7,_8,_9,_a){if(!document.getElementById){return;}this.DETECT_KEY=_a?_a:"detectflash";this.skipDetect=deconcept.util.getRequestParameter(this.DETECT_KEY);this.params=new Object();this.variables=new Object();this.attributes=new Array();if(_1){this.setAttribute("swf",_1);}if(id){this.setAttribute("id",id);}if(w){this.setAttribute("width",w);}if(h){this.setAttribute("height",h);}if(_5){this.setAttribute("version",new deconcept.PlayerVersion(_5.toString().split(".")));}this.installedVer=deconcept.SWFObjectUtil.getPlayerVersion();if(!window.opera&&document.all&&this.installedVer.major>7){deconcept.SWFObject.doPrepUnload=true;}if(c){this.addParam("bgcolor",c);}var q=_7?_7:"high";this.addParam("quality",q);this.setAttribute("useExpressInstall",false);this.setAttribute("doExpressInstall",false);var _c=(_8)?_8:window.location;this.setAttribute("xiRedirectUrl",_c);this.setAttribute("redirectUrl","");if(_9){this.setAttribute("redirectUrl",_9);}};deconcept.SWFObject.prototype={useExpressInstall:function(_d){this.xiSWFPath=!_d?"expressinstall.swf":_d;this.setAttribute("useExpressInstall",true);},setAttribute:function(_e,_f){this.attributes[_e]=_f;},getAttribute:function(_10){return this.attributes[_10];},addParam:function(_11,_12){this.params[_11]=_12;},getParams:function(){return this.params;},addVariable:function(_13,_14){this.variables[_13]=_14;},getVariable:function(_15){return this.variables[_15];},getVariables:function(){return this.variables;},getVariablePairs:function(){var _16=new Array();var key;var _18=this.getVariables();for(key in _18){_16[_16.length]=key+"="+_18[key];}return _16;},getSWFHTML:function(){var _19="";if(navigator.plugins&&navigator.mimeTypes&&navigator.mimeTypes.length){if(this.getAttribute("doExpressInstall")){this.addVariable("MMplayerType","PlugIn");this.setAttribute("swf",this.xiSWFPath);}_19="<embed type=\"application/x-shockwave-flash\" src=\""+this.getAttribute("swf")+"\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\" style=\""+this.getAttribute("style")+"\"";_19+=" id=\""+this.getAttribute("id")+"\" name=\""+this.getAttribute("id")+"\" ";var _1a=this.getParams();for(var key in _1a){_19+=[key]+"=\""+_1a[key]+"\" ";}var _1c=this.getVariablePairs().join("&");if(_1c.length>0){_19+="flashvars=\""+_1c+"\"";}_19+="/>";}else{if(this.getAttribute("doExpressInstall")){this.addVariable("MMplayerType","ActiveX");this.setAttribute("swf",this.xiSWFPath);}_19="<object id=\""+this.getAttribute("id")+"\" classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\" style=\""+this.getAttribute("style")+"\">";_19+="<param name=\"movie\" value=\""+this.getAttribute("swf")+"\" />";var _1d=this.getParams();for(var key in _1d){_19+="<param name=\""+key+"\" value=\""+_1d[key]+"\" />";}var _1f=this.getVariablePairs().join("&");if(_1f.length>0){_19+="<param name=\"flashvars\" value=\""+_1f+"\" />";}_19+="</object>";}return _19;},write:function(_20){if(this.getAttribute("useExpressInstall")){var _21=new deconcept.PlayerVersion([6,0,65]);if(this.installedVer.versionIsValid(_21)&&!this.installedVer.versionIsValid(this.getAttribute("version"))){this.setAttribute("doExpressInstall",true);this.addVariable("MMredirectURL",escape(this.getAttribute("xiRedirectUrl")));document.title=document.title.slice(0,47)+" - Flash Player Installation";this.addVariable("MMdoctitle",document.title);}}if(this.skipDetect||this.getAttribute("doExpressInstall")||this.installedVer.versionIsValid(this.getAttribute("version"))){var n=(typeof _20=="string")?document.getElementById(_20):_20;n.innerHTML=this.getSWFHTML();return true;}else{if(this.getAttribute("redirectUrl")!=""){document.location.replace(this.getAttribute("redirectUrl"));}}return false;}};deconcept.SWFObjectUtil.getPlayerVersion=function(){var _23=new deconcept.PlayerVersion([0,0,0]);if(navigator.plugins&&navigator.mimeTypes.length){var x=navigator.plugins["Shockwave Flash"];if(x&&x.description){_23=new deconcept.PlayerVersion(x.description.replace(/([a-zA-Z]|\s)+/,"").replace(/(\s+r|\s+b[0-9]+)/,".").split("."));}}else{if(navigator.userAgent&&navigator.userAgent.indexOf("Windows CE")>=0){var axo=1;var _26=3;while(axo){try{_26++;axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+_26);_23=new deconcept.PlayerVersion([_26,0,0]);}catch(e){axo=null;}}}else{try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");}catch(e){try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");_23=new deconcept.PlayerVersion([6,0,21]);axo.AllowScriptAccess="always";}catch(e){if(_23.major==6){return _23;}}try{axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");}catch(e){}}if(axo!=null){_23=new deconcept.PlayerVersion(axo.GetVariable("$version").split(" ")[1].split(","));}}}return _23;};deconcept.PlayerVersion=function(_29){this.major=_29[0]!=null?parseInt(_29[0]):0;this.minor=_29[1]!=null?parseInt(_29[1]):0;this.rev=_29[2]!=null?parseInt(_29[2]):0;};deconcept.PlayerVersion.prototype.versionIsValid=function(fv){if(this.major<fv.major){return false;}if(this.major>fv.major){return true;}if(this.minor<fv.minor){return false;}if(this.minor>fv.minor){return true;}if(this.rev<fv.rev){return false;}return true;};deconcept.util={getRequestParameter:function(_2b){var q=document.location.search||document.location.hash;if(_2b==null){return q;}if(q){var _2d=q.substring(1).split("&");for(var i=0;i<_2d.length;i++){if(_2d[i].substring(0,_2d[i].indexOf("="))==_2b){return _2d[i].substring((_2d[i].indexOf("=")+1));}}}return "";}};deconcept.SWFObjectUtil.cleanupSWFs=function(){var _2f=document.getElementsByTagName("OBJECT");for(var i=_2f.length-1;i>=0;i--){_2f[i].style.display="none";for(var x in _2f[i]){if(typeof _2f[i][x]=="function"){_2f[i][x]=function(){};}}}};if(deconcept.SWFObject.doPrepUnload){if(!deconcept.unloadSet){deconcept.SWFObjectUtil.prepUnload=function(){__flash_unloadHandler=function(){};__flash_savedUnloadHandler=function(){};window.attachEvent("onunload",deconcept.SWFObjectUtil.cleanupSWFs);};window.attachEvent("onbeforeunload",deconcept.SWFObjectUtil.prepUnload);deconcept.unloadSet=true;}}if(!document.getElementById&&document.all){document.getElementById=function(id){return document.all[id];};}var getQueryParamValue=deconcept.util.getRequestParameter;var FlashObject=deconcept.SWFObject;var SWFObject=deconcept.SWFObject;
 
 
 
//Copyright 2006 Adobe Systems, Inc. All rights reserved.
//
//This is the base class for implementing an Active Content extension -- a piece of code that knows how to rewrite OBJECT tags so that they comply to the Eolas patent without making the browser display the "Press OK to continue loading the content of this page" message box.
//
// When the user hovers the mouse over an ActiveX control in Internet Explorer 6 updated with (April 2006) Cumulative Security Update (912812) or Internet Explorer 7, the following message is displayed:
// “Press Spacebar or Enter to activate and use this control.”
// The user can now click the mouse anywhere inside the ActiveX control area, or press the Spacebar or Enter key to activate the control.
// The standard.js file has been introduced to retain the earlier behavior where the control remains interactive from the first click to the last.
 
function writeDocument(s){document.write(s);}

5. Autorun.inf

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
[autorun]
open=explorer.exe Les Concerts Pastel - Dominique SALLOUM (piano) & Nathalie JOURDAN (pastels) - Press Book.htm
shell=runit
shell\runit\command=explorer.exe Les Concerts Pastel - Dominique SALLOUM (piano) & Nathalie JOURDAN (pastels) - Press Book.htm
shell\runit=Les Concerts Pastel - Dominique SALLOUM (piano) & Nathalie JOURDAN (pastels) - Press Book

Merci de votre attention.

PS: Si en passant un ou plusieurs fichiers s'avèrent inutiles pour le site, dites-le moi pour que je l'enlève (j'ai des doutes sur le autorun.inf et sur le Les Concerts Pastel - Dominique SALLOUM (piano) & Nathalie JOURDAN (pastels) - Press Book_fs.htm par exemple...

)

Cordialement
cosi-fan-tutte

Finality · 01/08/2011, 15h10

Coucou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
	   var so = new SWFObject("Les Concerts Pastel - Dominique SALLOUM (piano) & Nathalie JOURDAN (pastels) - Press Book.swf", "Captivate", "1058", "823", "10", "#CCCCCC");
		so.addParam("quality", "high");
		so.addParam("name", "Captivate");
		so.addParam("id", "Captivate");
		so.addParam("wmode", "window");
		so.addParam("bgcolor","#000000");
		so.addParam("menu", "false");
		so.addVariable("variable1", "value1");
		so.setAttribute("redirectUrl", "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash");
		so.write("CaptivateContent");
	</script>

Les deux chiffres en rouge doivent représenter la largeur et la hauteur de ton flash

Essaies de les mettre en pourcentage (j'y crois moyen), sinon tu vas devoir récupérer la taille d'écran en JavaScript et mettre les bonnes tailles ici

cosi-fan-tutte · 01/08/2011, 15h30

Citation:

Envoyé par Finality

Les deux chiffres en rouge doivent représenter la largeur et la hauteur de ton flash

Essaies de les mettre en pourcentage (j'y crois moyen), sinon tu vas devoir récupérer la taille d'écran en JavaScript et mettre les bonnes tailles ici

Comment écrire ce % svp? et quel est ce %? (désolé, je ne m'en sors pas)

Citation:

Envoyé par Finality

sinon tu vas devoir récupérer la taille d'écran en JavaScript et mettre les bonnes tailles ici

Parles-tu du fichier standart.js ?
Je suis perdu...

Cordialement
cosi-fan-tutte

Finality · 01/08/2011, 15h37

Ah désolé j'ai pas du être clair

En fait actuellement, dans ton code, tu définis la taille de ton flash en pixel (les chiffres en rouge que je t'ai montré). Tu as plusieurs possibilité :

1) Test de les mettre en pourcentage. Pour cela, remplace les chiffres en rouge par 100%. Si cela fonctionne pas, essaies de rajouter ça à ton CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<style type="text/css" media="screen">
  html, body, #containerA, #containerB { height:100%; }
  body { margin:0; padding:0; overflow:hidden; }
</style>

2) Dans le cas où la première solution ne fonctionne pas, tu devras créer un script JavaScript qui va te récupérer la taille de l'écran de l'utilisateur

jreaux62 · 01/08/2011, 18h30

Bonjour,
-> un script interessant.

cosi-fan-tutte · 01/08/2011, 18h50

Désolé Finality, je suis vraiment largué, et pourtant ce n'est pas faute d'essayer de comprendre.

J'ai tout d'abord modifié la taille en mettant 100%
Le résultat, tu peux le voir sur http://dominique.salloum.free.fr

c'est tout petit, 3 fois plus petit que le plein écran...

Par contre pour le code CSS, je ne sais pas du tout où le placer...
Quel fichier, et où l'écrire.

J'ai un fichier index.html,
un fichier standard.js
un fichier en htm dont je ne suis pas sûr de l'utilité (tu me le confirmera)
Et un fichier .inf dont je ne suis pas sûr qu'il soit indispensable au bon fonctionnement du site.

Bien entendu, le fichier flash lui-même...

J'aurais besoin de plus de précision si possible, car je suis vraiment débutant

jreaux62 ton script m'intéresse, mais je ne sais pas l'utiliser.
Dois-je le copier coller et l'insérer dans mon index.html? si oui, où...
Et s'il y a à modifier quelque chose, que dois-je y modifier?

Pour rappel, voici le script vers lequel tu m'as renvoyé :

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
 
<html>
<head>
<title></title>
 
</head>
<body>
 
<script type="text/javascript">
<!-- Debut
if (document.body)
{
var larg = (document.body.clientWidth);
var haut = (document.body.clientHeight);
}
 
/*
Ici une version DOM (le script est entre les balises <body> et </body>) qui devrait fonctionner sur tous les navigateurs.
On commence donc par détecter la présence de l'objet body dans le DOM.
Si il est présent, on va mettre dans 2 variables larg et haut la largeur et la hauteur de la fenêtre pris avec les propriétés clientWidth et clientHeight de l'objet body.
*/
 
else
{
var larg = (window.innerWidth);
var haut = (window.innerHeight);
}
/*
Cette version est purement javascript et ne fonctionne pas sous IE (les propriétés innerWidth et innerHeight de l'objet window n'ayant pas été intégrée dans ce navigateur).
Si l'objet n'existe pas, on met dans nos variables la hauteur et la largeur de la page. Seulement on utilisera ici les propriété innerWidth et innerHeight de l'objet window.
*/
 
document.write("Cette fenêtre fait " + larg + " de large et "+haut+" de haut");
 
// ensuite on en fait ce que l'on veut, la je les écrit avec la méthode write
// de l'objet document
 
// fin du script -->
</script>
 
</body>
</html>

Cordialement
cosi

cosi-fan-tutte · 01/08/2011, 21h09

Finality, comme je le disais ça ne marche pas, mais en plus :
à partir du moment où j'ai modifié le code selon tes conseils jreaux62, je ne peut plus me connecter sur http://dominique-salloum.com (qui est un redirection transparente d'un domaine vers ma page perso http://dominique.salloum.free.fr)

Je ne pouvais plus accéder à ma page perso, qu'en allant directement sur http://dominique.salloum.free.fr

A partir du nom de domaine, j'étais alors obligé de mettre un identifiant + mdp !

J'ai donc remis le code du début.

Maintenant, j'attends vos/tes conseils pour le redimensionnement du site :-)

cosi-fan-tutte · 02/08/2011, 03h15

Bon,
J'ai tâtonné et trouvé ceci :

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
<!-- Copyright [2008] Adobe Systems Incorporated.  All rights reserved -->
<!-- saved from url=(0013)about:internet -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Dominique SALLOUM & Nathalie JOURDAN - Press Book</title>
<meta name="Keywords" lang="fr" content="Nathalie Jourdan, Dominique Salloum, les Concerts Pastel, piano, peinture, projection de tableaux, tableaux en mesure, tableaux sur mesure, concept nouveau, concert expo" />
<meta name="Description" lang="fr" content="Les Concerts Pastel, un concept nouveau de Dominique SALLOUM (piano) et Nathalie JOURDAN (peintre), où des tableaux 'sur mesure', racontent la musique, projetés 'en mesure' sur écran géant durant le concert." />
<script src="standard.js" type="text/javascript"></script>
</head>
 
 
 
<body   bgcolor="#000000">
<center>
 
	<div id="CaptivateContent">&nbsp;
		<!-- <a href="http://imageshack.us/photo/my-images/42/lesconcertspastel.jpg/" target="_blank">[IMG=http://img42.imageshack.us/img42/9236/lesconcertspastel.jpg][/IMG]</a>
 
Uploaded with <a href="http://imageshack.us" target="_blank">ImageShack.us</a> -->
		<!-- <a target='_blank' title='ImageShack - Image And Video Hosting' href='http://imageshack.us/photo/my-images/42/lesconcertspastel.jpg/'><img src='http://img42.imageshack.us/img42/9236/lesconcertspastel.jpg' border='0'/></a>
 
Uploaded with <a target='_blank' href='http://imageshack.us'>ImageShack.us</a> -->
		<!-- Nathalie Jourdan, Dominique Salloum, les Concerts Pastel, piano, peinture, projection de tableaux, tableaux en mesure, tableaux sur mesure, concept nouveau, concert expo -->
		<!-- Les Concerts Pastel, un concept nouveau de Dominique SALLOUM (piano) et Nathalie JOURDAN (peintre), où des tableaux 'sur mesure', racontent la musique, projetés 'en mesure' sur écran géant durant le concert -->
	</div>
	<script type="text/javascript">
	   var so = new SWFObject("Les Concerts Pastel - Dominique SALLOUM (piano) & Nathalie JOURDAN (pastels) - Press Book.swf", "Captivate", "823", "640", "10", "#CCCCCC");
		so.addParam("quality", "high");
		so.addParam("name", "Captivate");
		so.addParam("id", "Captivate");
		so.addParam("wmode", "window");
		so.addParam("bgcolor","#000000");
		so.addParam("menu", "false");
		so.addVariable("variable1", "value1");
		so.setAttribute("redirectUrl", "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash");
		so.write("CaptivateContent");
	</script>
 
 
	<script type="text/javascript">
		document.getElementById('Captivate').focus();
		document.Captivate.focus();
	</script>
</center>
</body>
</html>

Les hauteurs et largeurs ont été trouvés par tâtonnement.

Cependant :
le domaine : http://dominique-salloum.com quand il est utilisé par firefox, refuse d'ouvrir la page index.html qui se trouve sur mon ftp://dominique.salloum.free.fr et résultat, il demande un login et un mot de passe.
La redirection est transparente. Pourtant, sur chrome, IE, Opéra et Safari, ça s'ouvre sans problème.
(Ainsi que http://www.dominique-salloum.com et http://www.les-concerts-pastel.com et http://les-concerts-pastel.com, tous qui sont dirigés en tranparent sur http://dominique.salloum.free.fr)

Je ne sais pas pourquoi, avec ces redimmensions là, firefox n'ouvre pas la page index, et demande alors un login et un mdp...

Bref...

Avant de se lancer là dedans, je reviens sur la proposition de jreaux62
Ca m'intéresse grandement, mais je n'arrive pas à le faire, et ce n'est pas faute d'avoir bidouillé et essayé.
Je suis totalement autodidacte, et très nouveau dans le domaine. Je manipule assez mal le langage html.

Un petit coup de pouce serait bienvenu :-)

La méthode de jreaux (si je comprend bien), saisit la taille de l'écran et adapte la page en fonction. c'est ça?
Que le fichier soit ouvert en plein écran ou non?

Cordialement
cosi

jreaux62 · 02/08/2011, 10h47

Bonjour Dominique,
[Edit] Code supprimé car non-fonctionnel -> donc inutile
PS : j'ai récupéré le "texte alternatif" par copier-coller sur vos 2 blogs ...

Finality · 02/08/2011, 10h56

Coucou,

quand à moi, je suis parti sur une solution 100% CSS :

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
 
<!-- Copyright [2008] Adobe Systems Incorporated.  All rights reserved -->
<!-- saved from url=(0013)about:internet -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html style="height:100%;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Dominique SALLOUM & Nathalie JOURDAN - Press Book</title>
<meta name="Keywords" lang="fr" content="Nathalie Jourdan, Dominique Salloum, les Concerts Pastel, piano, peinture, projection de tableaux, tableaux en mesure, tableaux sur mesure, concept nouveau, concert expo" />
<meta name="Description" lang="fr" content="Les Concerts Pastel, un concept nouveau de Dominique SALLOUM (piano) et Nathalie JOURDAN (peintre), où des tableaux 'sur mesure', racontent la musique, projetés 'en mesure' sur écran géant durant le concert." />
<script src="standard.js" type="text/javascript"></script>
</head>
 
<body style="height:100%; margin:0px;"  bgcolor="#000000">
 
 
	<div id="CaptivateContent" style="height:100%; width:100%;">
	</div>
 
	<script type="text/javascript">,
	   var so = new SWFObject("Les Concerts Pastel - Dominique SALLOUM (piano) & Nathalie JOURDAN (pastels) - Press Book.swf", "Captivate", "100%", "100%", "10", "#CCCCCC");
		so.addParam("quality", "high");
		so.addParam("name", "Captivate");
		so.addParam("id", "Captivate");
		so.addParam("wmode", "window");
		so.addParam("bgcolor","#000000");
		so.addParam("menu", "false");
		so.addVariable("variable1", "value1");
		so.setAttribute("redirectUrl", "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash");
		so.write("CaptivateContent");
	</script>
 
 
	<script type="text/javascript">
		document.getElementById('Captivate').focus();
		document.Captivate.focus();
	</script>
</body>
</html>

Par contre, ton objet flash ne prendra jamais toute la largeur et hauteur : il conservera un ration en fonction de la taille plus petite (hauteur dans les 99,99% des cas

)

cosi-fan-tutte · 03/08/2011, 01h35

Bonsoir,

jreaux62 j'ai essayé ton code. Le résultat est que l'image en jpg s'est affiché, avec en dessous le texte copié sur notre blog. Mais le fichier swf ne s'est pas lancé...
Finality, j'ai essayé la formule CSS. Le résultat a été une page noire.
J'ai donc remis mon code suivant (en attendant de trouver une solution)

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
<!-- Copyright [2008] Adobe Systems Incorporated.  All rights reserved -->
<!-- saved from url=(0013)about:internet -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Dominique SALLOUM & Nathalie JOURDAN - Press Book</title>
<meta name="Keywords" lang="fr" content="Nathalie Jourdan, Dominique Salloum, les Concerts Pastel, piano, peinture, projection de tableaux, tableaux en mesure, tableaux sur mesure, concept nouveau, concert expo" />
<meta name="Description" lang="fr" content="Les Concerts Pastel, un concept nouveau de Dominique SALLOUM (piano) et Nathalie JOURDAN (peintre), où des tableaux 'sur mesure', racontent la musique, projetés 'en mesure' sur écran géant durant le concert." />
<script src="standard.js" type="text/javascript"></script>
</head>
 
 
 
<body   bgcolor="#000000">
<center>
 
	<div id="CaptivateContent">&nbsp;
		<!-- <a href="http://imageshack.us/photo/my-images/42/lesconcertspastel.jpg/" target="_blank">[IMG=http://img42.imageshack.us/img42/9236/lesconcertspastel.jpg][/IMG]</a>
 
Uploaded with <a href="http://imageshack.us" target="_blank">ImageShack.us</a> -->
		<!-- <a target='_blank' title='ImageShack - Image And Video Hosting' href='http://imageshack.us/photo/my-images/42/lesconcertspastel.jpg/'><img src='http://img42.imageshack.us/img42/9236/lesconcertspastel.jpg' border='0'/></a>
 
Uploaded with <a target='_blank' href='http://imageshack.us'>ImageShack.us</a> -->
		<!-- Nathalie Jourdan, Dominique Salloum, les Concerts Pastel, piano, peinture, projection de tableaux, tableaux en mesure, tableaux sur mesure, concept nouveau, concert expo -->
		<!-- Les Concerts Pastel, un concept nouveau de Dominique SALLOUM (piano) et Nathalie JOURDAN (peintre), où des tableaux 'sur mesure', racontent la musique, projetés 'en mesure' sur écran géant durant le concert -->
	</div>
	<script type="text/javascript">
	   var so = new SWFObject("Les Concerts Pastel - Dominique SALLOUM (piano) & Nathalie JOURDAN (pastels) - Press Book.swf", "Captivate", "823", "640", "10", "#CCCCCC");
		so.addParam("quality", "high");
		so.addParam("name", "Captivate");
		so.addParam("id", "Captivate");
		so.addParam("wmode", "window");
		so.addParam("bgcolor","#ffffff");
		so.addParam("menu", "false");
		so.addVariable("variable1", "value1");
		so.setAttribute("redirectUrl", "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash");
		so.write("CaptivateContent");
	</script>
 
 
	<script type="text/javascript">
		document.getElementById('Captivate').focus();
		document.Captivate.focus();
	</script>
</center>
</body>
</html>

PS: les domaines achetés sont dominique-salloum.com, nathalie-jourdan.com et les-concerts-pastel.com

Lors de la redirection (transparente) :
Toutes les redirections fonctionnent (avec www au début ou non)
SAUF http://dominique-salloum.com et avec MOZILLA FIREFOX
il me demande un login et un mdp!

Sur les autres navigateurs, http://dominique-salloum.com fonctionne aussi bien que http://www.dominique-salloum.com ou http://les-concerts-pastel.com et les autres...

Pourquoi? je ne sais pas...
'enfin, si... une petite idée : le fichier index ne fonctionne plus correctement, et la redirection se fait vers un ftp et non vers un http...)

Ce dont je suis sûr aussi, c'est que si je garde les nombre d'origine "1058" et "823", http://dominique-salloum.com sous firefox, s'ouvre alors sans problème et sans demander un login et mdp.

Que faire? ^^

jreaux62 · 03/08/2011, 08h40

Bonjour,
concernant les redirections :
1/ -> fait, si possible, des "redirections physiques" :
on doit voir dans la barre d'adresse (après redirection) "http://dominique.salloum.free.fr/"
2/ ne te trompe pas ! c'est bien "http://dominique.salloum.free.fr/", et PAS "~~ftp://dominique.salloum.free.fr/~~"

jreaux62 · 03/08/2011, 09h21

Re-bonjour Dominique,
BONNE NOUVELLE !

Ce code fonctionne

Figure-toi qu'il suffisait de placer le <div id="CaptivateContent">....</div> AVANT le code javascript ! (et non après)
(mea culpa : c'est moi qui avais pris la mauvaise initiative de le placer après ...)
Voici ce que ca donne :

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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
	<meta http-equiv="content-language" name="language" content="fr" />
	<meta name="Keywords" lang="fr" content="Nathalie Jourdan, Dominique Salloum, les Concerts Pastel, piano, peinture, projection de tableaux, tableaux en mesure, tableaux sur mesure, concept nouveau, concert expo" />
	<meta name="Description" lang="fr" content="Les Concerts Pastel, un concept nouveau de Dominique SALLOUM (piano) et Nathalie JOURDAN (peintre), où des tableaux 'sur mesure', racontent la musique, projetés 'en mesure' sur écran géant durant le concert." />
	<script src="standard.js" type="text/javascript"></script>
	<title>Dominique SALLOUM &amp; Nathalie JOURDAN - Press Book</title>
</head>
 
<body style="background:#000;">
<div style="width:100%; margin:0 auto; text-align:center;">
 
	<div id="CaptivateContent" style="color:#fff;">
		<!-- texte alternatif -->
		<p><img src="http://img42.imageshack.us/img42/9236/lesconcertspastel.jpg" alt="Nathalie Jourdan, Dominique Salloum, les Concerts Pastel" /></p>
		<h1>Nathalie Jourdan, Dominique Salloum, les Concerts Pastel</h1>
		<h3>Les Concerts Pastel, un concept nouveau de Dominique SALLOUM (piano) et Nathalie JOURDAN (peintre), <br />
		où des tableaux "sur mesure", racontent la musique, projetés "en mesure" sur écran géant durant le concert</h3>
 
		<div style="width:80%; text-align:justify; border:1px solid #ccc; padding:0 20px; margin:10px auto;">
			<h4>Dominique Salloum - Pianiste Compositeur, Entre Orient et Occident</h4>
			<p><a href="http://dominiquesalloum.musicblog.fr/">Voir le Blog de Dominique Salloum</a> : Compositions, Répertoire, Activités artistiques et articles de presse, Poésie ("Derrière le musicien un poète, derrière le poète un musicien...")</p>
			<p>Dominique Salloum, né au Liban en 1968, obtient son premier prix du CNSM de Beyrouth en 1986 dans un pays en proie aux tourments de la guerre. En 1988, lauréat du concours international de piano « American OCP piano competition », 
			il décide de parfaire sa formation en France mais reste marqué par le Liban chaotique laissé derrière lui.</p>
			<p>A son arrivée en France, Dominique Salloum intègre la classe de Billy Eidi à l’Ecole Normale de Musique de Paris (Alfred Cortot). 
			Il y est « premier nommé à l’unanimité avec les félicitations du jury » au Diplôme Supérieur d’Exécution puis à sa Licence de Concert avec le 2ème Concerto pour piano et orchestre de Prokofiev. 
			Durant cette période, il fait une rencontre déterminante avec le pianiste Abdel Rahman El Bacha qui devient son ami et maître de musique pendant plusieurs années et lui propose d’être son assistant en 1990 à Paris (XII) au conservatoire.</p>
			<p>Parallèlement, Dominique Salloum compose et s’investit dans la direction d'orchestre. Il dirige un ensemble de 30 musiciens dans les Yvelines et forme, à Paris, un chœur mixte qui produira en concert l'intégrale des 389 Choral-Gesänge de Bach.</p>
			<p>Dominique Salloum est remarqué en tant que compositeur et interprète par le pianiste François-René Duchâble, qui le soutient et parfait sa formation. 
			En 1992, ce dernier lui propose de jouer les concertos pour 2, 3 et 4 pianos de Bach avec l'Orchestre Symphonique Français. Au même moment, le pianiste Abdel Rahman El Bacha lui propose de se présenter au Concours International de piano, 
			« Reine Elizabeth » de Belgique. Dominique Salloum, se sentant trop sous l'influence de ses maîtres, refuse et décide de se retirer un temps de la scène afin de trouver son identité propre. 
			Ce choix difficile et atypique lui a permis de s'enrichir et de se donner le temps de découvrir ses propres marques, à la frontière de deux cultures ; durant toute cette période, une recherche personnelle est mise en place où ressurgissent les sources libanaises, profondes et douloureuses, ainsi que l’influence de la musique occidentale.</p>
			<p>A partir de 1995, Dominique Salloum travaille avec Pierre Doury à la Schola Cantorum, mais aussi et surtout avec le compositeur Patrice Sciortino qui lui enseigne toutes les subtilités de l’orchestration. 
			Au contact de ce dernier, le jeune artiste libère toute sa créativité. En 1996, Dominique Salloum est nommé « compositeur en loge » par la ville de Tremblay-en-France et reçoit la commande d'une symphonie de chambre « Beyrouth ». 
			Le pianiste Abdel Rahman El-Bacha dira au jeune compositeur de cette oeuvre très riche en thèmes du folklore libanais, qu'il avait « réussi là où Bartòk avait échoué : retranscrire une musique du folklore, tout en lui gardant son caractère... ».</p>
			<p>En l'an 2000, Dominique Salloum revient sur scène en tant que Chef de Choeur et d'Orchestre, en dirigeant au Liban le Messie de Haendel ; le concert est retransmis sur plusieurs chaînes libanaises.</p>
			<p>En décembre 2006, il reprend ses activités de pianiste concertiste et est salué par une presse élogieuse : «…Beaucoup de musicalité et de finesse…Un jeu tout en nuances mais plaqué avec fougue et maestria…», (La voix du Nord)</p>
			<p>Dans ses interprétations d’un répertoire allant de Bach à Bartòk, le biculturalisme de ce pianiste, issu d’une double tradition : occidentale et arabe, s’exprime dans un étonnant mélange de respect sobre du texte et d’un phrasé relevé, emprunt de couleurs orientales.</p>
			<p>Dominique Salloum programme à tous ses concerts des œuvres de sa composition ou de ses contemporains libanais qui, comme lui, ont cherché à marier la tradition orale à la tradition écrite.</p>
			<p>Dominique Salloum a effectué des passages à la radio et à la télévision et joue  maintenant régulièrement au Liban, en Belgique et en France.</p>
		</div>
 
		<div style="width:80%; text-align:justify; border:1px solid #ccc; padding:0 20px; margin:10px auto;">
			<h4>Nathalie Jourdan - Artiste peintre</h4>
			<p><a href="http://dominiquesalloum.musicblog.fr/">Voir le Blog de Nathalie Jourdan</a> : Tableaux, peintures, ...</p>
			<p>Nathalie Jourdan est une peintre contemporaine qui émeut autant par la profondeur de ses peintures à l'huile que par le regard incisif de ses pastels.</p>
			<p>Côtée chez Drouot, Nathalie Jourdan apparait dans le dictionnaire Larousse des "Cotation des artistes du XVème siècle à nos jours", ainsi que dans le dictionnaire "Contemporary Artists" qui parait aux éditions WWAB aux USA.</p>
			<p>Avec son mari Dominique Salloum (http://dominiquesalloum.musicblog.fr/), Nathalie Jourdan donne des "Concerts-Expo", où des tableaux faits sur mesure, selon le programme interprété par son mari au piano, sont projetés durant le concert sur un écran géant.</p>
			<p>L'idée est novatrice et ludique. Elle plait tant au public qu'aux critiques. En 2010, et pour l'année Chopin - Schumann, des programmes divers sont donnés un peu partout, avec de Chopin les Impromptus et les Ballades, et de Schumann les Scènes d'enfants, le Carnaval de Vienne, et les Kreisleriana.</p>
			<p>De nombreux Concerts-Expo sont prévus pour l'année prochaine, (année Franz Liszt), avec les Consolations, les années de pélerinage, la sonate en si mineur ainsi que le deuxième concerto de Liszt.</p>
		</div>
	</div>
 
	<script type="text/javascript">
		/* dimensions de l'ecran client */
		/* ( code trouve ici : http://java.scripts-fr.com/scripts.php?js=23 ) */
		/* Nota: Si vous obtenez 0 en hauteur, cela vient de l'URI de la DTD spécifiée dans le DOCTYPE ! */
		if (document.body)
		{
			var hautclient = (document.body.clientHeight); 
			var largclient = (document.body.clientWidth);
		} else {
			var hautclient = (window.innerHeight);
			var largclient = (window.innerWidth);
		}
 
		/* dimensions de l'animation flash */
		var hautdefaut = 823; // par defaut
		var largdefaut = 1058; // par defaut
		var ratio = largdefaut/hautdefaut;
		if(hautclient!=0 && largclient!=0) {
		  if(largclient/hautclient > ratio){
			var hautflash = hautclient;
			var largflash = Math.round(hautflash * ratio); // en proportion
		  } else {
			var largflash = largclient;
			var hautflash = Math.round(largflash / ratio); // en proportion
		  }
		} else {
			var hautflash = hautdefaut;
			var largflash = largdefaut;
		}
 
		/* chemin/nom du fichier flash */
		var fichierflash = "http://dominique.salloum.free.fr/Les Concerts Pastel - Dominique SALLOUM (piano) & Nathalie JOURDAN (pastels) - Press Book.swf";
		/* animation flash */
		var so = new SWFObject(fichierflash, "Captivate", largflash, hautflash, "10", "#CCCCCC");
			so.addParam("quality", "high");
			so.addParam("name", "Captivate");
			so.addParam("id", "Captivate");
			so.addParam("wmode", "window");
			so.addParam("bgcolor","#ffffff");
			so.addParam("menu", "false");
			so.addVariable("variable1", "value1");
			so.setAttribute("redirectUrl", "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash");
			so.write("CaptivateContent");
	</script>
 
	<script type="text/javascript">
		document.getElementById('Captivate').focus();
		document.Captivate.focus();
	</script>
 
</div>
 
</body>
</html>

ps: (après avoir jeté un oeil au fichier standard.js) Contrairement à ce que j'ai dit,
<div id="CaptivateContent">....</div> ne sert pas uniquement à l'affichage du "texte alternatif", mais aussi (et surtout) à afficher l'animation flash ...

cosi-fan-tutte · 04/08/2011, 00h01

Bonsoir jreaux62 et merci pour ce beau travail.

Ca fonctionne très bien!

Pour ce qui est des redirections, j'avais mis les redirections en transparent (et non direct) pour la bonne raison, que nous sommes deux (nathalie mon épouse et moi) à être reliés aux "concerts-pastel"
Et que quand quelqu'un tape l'adresse http://nathalie-jourdan.com, ou http://www.nathalie-jourdan.com il ne serait pas très correct que soit remplacé dans la barre d'adresse son nom de domaine par http://dominique.salloum.free.fr

Concernant ton code.
Il y a toujours un problème avec http://dominique-salloum.com (et non http://www.dominique-salloum.com qui fonctionne très bien)

Ce problème avec http://dominique-salloum.com se fait UNIQUEMENT avec firefox (version 5.0 chez moi), et quand la redirection est en transparent.

Il m'est alors demandé un login et un mot de passe.

Alors que... si je met le tout premier code (le mien), il n'y a aucun problème avec une redirection transparente de http://dominique-salloum.com vers http://dominique.salloum.free.fr
(je précise qu'il s'agit bien d'une redirection vers http://dominique.salloum.free.fr et non vers ftp://dominique.salloum.free.fr)

Je ne sais toujours pas pourquoi, il y a ce problème et uniquement avec firefox...

Je le répète : avec l'ancien code, sur firefox, avec http://dominique-salloum.com en transparent, il n'y a pas de soucis.

Pour l'instant : j'ai fait (uniquement pour http://dominqiue-salloum.com) une redirection permanente directe vers http://dominique.salloum.free.fr
En attendant de trouver la raison de ce petit bug...

Si tu as une idée? je suis sûr que c'est un tout petit truc... :-)

Merci encore
cosi-fan-tutte

PS: J'ai vu que tu as soigné les choses dans le code pour un meilleur référencement. Cependant... avec un site en flash comme celui-là... j'ai peur de ne jamais pouvoir être bien placé sur google... mon blog prend le dessus largement, et c'est dommage................ :-(

jreaux62 · 04/08/2011, 01h17

Bonsoir,
pourquoi ne pas prendre un hébergement chez free.fr pour ta femme ?

- Elle aurait alors un nom de domaine : http://nathalie.jourdan.free.fr
- sur lequel tu copies tous tes fichiers (index.htm, le flash, standard.js, ...)
- Et tu fais une redirection des sites http://nathalie-jourdan.com, ou http://www.nathalie-jourdan.com ... => vers http://nathalie.jourdan.free.fr

De cette manière, son nom sera dans la barre d'adresse...

Concernant le référencement, ... c'est sûr qu'un site en flash, ce n'est pas l'idéal.
Surtout que ta page reste "statique" (pas de changements au cours du temps, donc peu susceptible d'"intéresser" un robot comme google...)

cosi-fan-tutte · 04/08/2011, 01h29

Bonsoir jreaux62
Je n'ai pas pensé à cette option de lui prendre un hébergement chez free.
Sachant que nous sommes abonnés chez free, ça n'est pas très compliqué.

Mais... quel est l'intérêt d'être en direct plutôt qu'en transparent?
J'ai vu que certaines personnes préféraient cette option.
Est-ce juste pour savoir où on est? ou y a-t-il d'autres raisons (sécurité, rapidité, etc.)

Pour ce qui est du référencement...
Y a-t-il une solution pour ce site? (tel qu'il est fait).

A la base, c'est une présentation pdf qui utilise la technologie flash.
J'ai pensé pratique d'en faire un site internet... En attendant de refaire un site, tranquillement, un site pro, "utilisant" la technologie flash, mais qui ne soit pas sous la forme d'un "seul fichier" flash...

PS: que dois-je faire du fichier htm et du fichier inf dont j'ai parlé au tout début. Faut-il les garder? ont-il une utilisé pour le site? (il me semble que non, mais tu me le confirmera)

Cordialement
cosi-fan-tutte

jreaux62 · 04/08/2011, 08h09

Citation:

Envoyé par cosi-fan-tutte

quel est l'intérêt d'être en direct plutôt qu'en transparent?
Est-ce juste pour savoir où on est? ou y a-t-il d'autres raisons (sécurité, rapidité, etc.)
Pour ce qui est du référencement... Y a-t-il une solution pour ce site? (tel qu'il est fait).

Je t'ai déjà répondu à ces questions ici et là.

En bref :
1/ google et autres moteur de recherche ont besoin de "lire du contenu" pour pouvoir référencer une page.
D'où l'intérêt :
-> des "Keywords" (mots-clés) et "Description"
-> du "texte alternatif"

2/ Pourquoi faire des redirections physiques ?
Justement pour que les moteurs de recherche (google, ...) aient du "contenu" à lire, et donc AMELIORER le référencement.
- SEULE la page hébergée sur http://dominique.salloum.free.fr a un tel "contenu" (mots-clés+ description + contenu alternatif)

cosi-fan-tutte · 05/08/2011, 01h40

Waou!
J'ai tout compris.
Merci pour ce détail... vraiment important!

Je vais de ce pas créer une page nathalie.jourdan, une autre les-concerts-pastel chez free...

A bientôt :-)

cosi

01/08/2011, 18h30	#5
jreaux62 Rédacteur Jérôme Réaux Webdesigner Inscription : août 2008 Messages : 2 993 Détails du profil Informations personnelles : Nom : Jérôme Réaux Âge : 45 Localisation : France, Pas de Calais (Nord Pas de Calais) Informations professionnelles : Activité : Webdesigner Secteur : Arts - Culture Informations forums : Inscription : août 2008 Messages : 2 993 Points : 5 786 Points : 5 786	Bonjour, -> un script interessant. __________________ "Ce qui se conçoit bien s'énonce clairement - Et les mots pour le dire arrivent aisément." Nicolas Boileau-Despréaux, Homme de lettres français (1636-1711), principal théoricien de l'esthétique classique. Site perso Mes tutos DVP : Gestion-Affichage de Nouvelles - Affichage en tableau HTML - Fonctions de redimensionnement d'images
	00

02/08/2011, 10h47	#9
jreaux62 Rédacteur Jérôme Réaux Webdesigner Inscription : août 2008 Messages : 2 993 Détails du profil Informations personnelles : Nom : Jérôme Réaux Âge : 45 Localisation : France, Pas de Calais (Nord Pas de Calais) Informations professionnelles : Activité : Webdesigner Secteur : Arts - Culture Informations forums : Inscription : août 2008 Messages : 2 993 Points : 5 786 Points : 5 786	Bonjour Dominique, [Edit] Code supprimé car non-fonctionnel -> donc inutile PS : j'ai récupéré le "texte alternatif" par copier-coller sur vos 2 blogs ... __________________ "Ce qui se conçoit bien s'énonce clairement - Et les mots pour le dire arrivent aisément." Nicolas Boileau-Despréaux, Homme de lettres français (1636-1711), principal théoricien de l'esthétique classique. Site perso Mes tutos DVP : Gestion-Affichage de Nouvelles - Affichage en tableau HTML - Fonctions de redimensionnement d'images
	00

03/08/2011, 08h40	#12
jreaux62 Rédacteur Jérôme Réaux Webdesigner Inscription : août 2008 Messages : 2 993 Détails du profil Informations personnelles : Nom : Jérôme Réaux Âge : 45 Localisation : France, Pas de Calais (Nord Pas de Calais) Informations professionnelles : Activité : Webdesigner Secteur : Arts - Culture Informations forums : Inscription : août 2008 Messages : 2 993 Points : 5 786 Points : 5 786	Bonjour, concernant les redirections : 1/ -> fait, si possible, des "redirections physiques" : on doit voir dans la barre d'adresse (après redirection) "http://dominique.salloum.free.fr/" 2/ ne te trompe pas ! c'est bien "http://dominique.salloum.free.fr/", et PAS "~~ftp://dominique.salloum.free.fr/~~" __________________ "Ce qui se conçoit bien s'énonce clairement - Et les mots pour le dire arrivent aisément." Nicolas Boileau-Despréaux, Homme de lettres français (1636-1711), principal théoricien de l'esthétique classique. Site perso Mes tutos DVP : Gestion-Affichage de Nouvelles - Affichage en tableau HTML - Fonctions de redimensionnement d'images
	00

04/08/2011, 01h17	#15
jreaux62 Rédacteur Jérôme Réaux Webdesigner Inscription : août 2008 Messages : 2 993 Détails du profil Informations personnelles : Nom : Jérôme Réaux Âge : 45 Localisation : France, Pas de Calais (Nord Pas de Calais) Informations professionnelles : Activité : Webdesigner Secteur : Arts - Culture Informations forums : Inscription : août 2008 Messages : 2 993 Points : 5 786 Points : 5 786	Bonsoir, pourquoi ne pas prendre un hébergement chez free.fr pour ta femme ? - Elle aurait alors un nom de domaine : http://nathalie.jourdan.free.fr - sur lequel tu copies tous tes fichiers (index.htm, le flash, standard.js, ...) - Et tu fais une redirection des sites http://nathalie-jourdan.com, ou http://www.nathalie-jourdan.com ... => vers http://nathalie.jourdan.free.fr De cette manière, son nom sera dans la barre d'adresse... Concernant le référencement, ... c'est sûr qu'un site en flash, ce n'est pas l'idéal. Surtout que ta page reste "statique" (pas de changements au cours du temps, donc peu susceptible d'"intéresser" un robot comme google...) __________________ "Ce qui se conçoit bien s'énonce clairement - Et les mots pour le dire arrivent aisément." Nicolas Boileau-Despréaux, Homme de lettres français (1636-1711), principal théoricien de l'esthétique classique. Site perso Mes tutos DVP : Gestion-Affichage de Nouvelles - Affichage en tableau HTML - Fonctions de redimensionnement d'images
	00

01/08/2011, 21h09	#7
cosi-fan-tutte Dominique Salloum Inscription : septembre 2010 Messages : 19 Détails du profil Informations personnelles : Nom : Dominique Salloum Informations forums : Inscription : septembre 2010 Messages : 19 Points : -1 Points : -1	Finality, comme je le disais ça ne marche pas, mais en plus : à partir du moment où j'ai modifié le code selon tes conseils jreaux62, je ne peut plus me connecter sur http://dominique-salloum.com (qui est un redirection transparente d'un domaine vers ma page perso http://dominique.salloum.free.fr) Je ne pouvais plus accéder à ma page perso, qu'en allant directement sur http://dominique.salloum.free.fr A partir du nom de domaine, j'étais alors obligé de mettre un identifiant + mdp ! J'ai donc remis le code du début. Maintenant, j'attends vos/tes conseils pour le redimensionnement du site :-)
	00

04/08/2011, 00h01	#14
cosi-fan-tutte Dominique Salloum Inscription : septembre 2010 Messages : 19 Détails du profil Informations personnelles : Nom : Dominique Salloum Informations forums : Inscription : septembre 2010 Messages : 19 Points : -1 Points : -1	Bonsoir jreaux62 et merci pour ce beau travail. Ca fonctionne très bien! Pour ce qui est des redirections, j'avais mis les redirections en transparent (et non direct) pour la bonne raison, que nous sommes deux (nathalie mon épouse et moi) à être reliés aux "concerts-pastel" Et que quand quelqu'un tape l'adresse http://nathalie-jourdan.com, ou http://www.nathalie-jourdan.com il ne serait pas très correct que soit remplacé dans la barre d'adresse son nom de domaine par http://dominique.salloum.free.fr Concernant ton code. Il y a toujours un problème avec http://dominique-salloum.com (et non http://www.dominique-salloum.com qui fonctionne très bien) Ce problème avec http://dominique-salloum.com se fait UNIQUEMENT avec firefox (version 5.0 chez moi), et quand la redirection est en transparent. Il m'est alors demandé un login et un mot de passe. Alors que... si je met le tout premier code (le mien), il n'y a aucun problème avec une redirection transparente de http://dominique-salloum.com vers http://dominique.salloum.free.fr (je précise qu'il s'agit bien d'une redirection vers http://dominique.salloum.free.fr et non vers ftp://dominique.salloum.free.fr) Je ne sais toujours pas pourquoi, il y a ce problème et uniquement avec firefox... Je le répète : avec l'ancien code, sur firefox, avec http://dominique-salloum.com en transparent, il n'y a pas de soucis. Pour l'instant : j'ai fait (uniquement pour http://dominqiue-salloum.com) une redirection permanente directe vers http://dominique.salloum.free.fr En attendant de trouver la raison de ce petit bug... Si tu as une idée? je suis sûr que c'est un tout petit truc... :-) Merci encore cosi-fan-tutte PS: J'ai vu que tu as soigné les choses dans le code pour un meilleur référencement. Cependant... avec un site en flash comme celui-là... j'ai peur de ne jamais pouvoir être bien placé sur google... mon blog prend le dessus largement, et c'est dommage................ :-(
	00

04/08/2011, 01h29	#16
cosi-fan-tutte Dominique Salloum Inscription : septembre 2010 Messages : 19 Détails du profil Informations personnelles : Nom : Dominique Salloum Informations forums : Inscription : septembre 2010 Messages : 19 Points : -1 Points : -1	Bonsoir jreaux62 Je n'ai pas pensé à cette option de lui prendre un hébergement chez free. Sachant que nous sommes abonnés chez free, ça n'est pas très compliqué. Mais... quel est l'intérêt d'être en direct plutôt qu'en transparent? J'ai vu que certaines personnes préféraient cette option. Est-ce juste pour savoir où on est? ou y a-t-il d'autres raisons (sécurité, rapidité, etc.) Pour ce qui est du référencement... Y a-t-il une solution pour ce site? (tel qu'il est fait). A la base, c'est une présentation pdf qui utilise la technologie flash. J'ai pensé pratique d'en faire un site internet... En attendant de refaire un site, tranquillement, un site pro, "utilisant" la technologie flash, mais qui ne soit pas sous la forme d'un "seul fichier" flash... PS: que dois-je faire du fichier htm et du fichier inf dont j'ai parlé au tout début. Faut-il les garder? ont-il une utilisé pour le site? (il me semble que non, mais tu me le confirmera) Cordialement cosi-fan-tutte
	00

05/08/2011, 01h40	#18
cosi-fan-tutte Dominique Salloum Inscription : septembre 2010 Messages : 19 Détails du profil Informations personnelles : Nom : Dominique Salloum Informations forums : Inscription : septembre 2010 Messages : 19 Points : -1 Points : -1	Waou! J'ai tout compris. Merci pour ce détail... vraiment important! Je vais de ce pas créer une page nathalie.jourdan, une autre les-concerts-pastel chez free... A bientôt :-) cosi
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email