Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : redimentionnement auto?? [ Archives / AU SECOURS !!! ] (nejo)

samedi 30 octobre 2004 à 22:20:12 | redimentionnement auto??

nejo

salut
je voulais savoir s'il existe un script du type:
function checksize() {
window.resizeTo(825,260)}
mais qui redimentionnerait la page en fonction de son contenu..
par exemple je n'ai qu'une image sur ma page et je voudrai que la fenetre s'adapte a sa taille et agisse comme une sorte de cardre

parcque je vien de me rendre compte que la fonction ci dessus, pour i.e., prenait en compte toutes le barres (tool, url, google....) pour la taille donc la taille du contenu peut facilement changer selon le navigateur le nombre de barres......
alors voila...
MERCI!

dimanche 31 octobre 2004 à 01:14:23 | Re : redimentionnement auto??

chimelpremier

Question qui revient tout les 3 jours. Donner des dimensions relatives à l'image : width:80% par exemple

dimanche 31 octobre 2004 à 03:02:31 | Re : redimentionnement auto??

leris

salut,

"Question qui revient tout les 3 jours." jamais vue sur ce forum .


je n'ai qu'une image sur ma page et je voudrai que la fenetre s'adapte a sa taille
"Donner des dimensions relatives à l'image : width:80% par exemple " tout le contraire quoi !



<script type="text/javascript">
function resizeWinTo(idOfDiv) {
var oX = document.getElementById(idOfDiv);
if( !oX ) { return false; }
var oW = oX.clip ? oX.clip.width : oX.offsetWidth;
var oH = oX.clip ? oX.clip.height : oX.offsetHeight;
window.resizeTo( oW + 200, oH + 200 );
var myW = 0, myH = 0;
myW = (document.all) ? window.document.body.clientWidth : window.innerWidth;
myH = (document.all) ? window.document.body.clientHeight : window.innerHeight;
window.resizeTo( oW + ( ( oW + 200 ) - myW ), oH + ( (oH + 200 ) - myH ) );
}
</script>
</head>
<body onload="resizeWinTo('conteneur');">
<div id="conteneur" style="position:absolute; top: 0px; left: 0px;">
<img src="101.jpg"></div>


++

L.

dimanche 31 octobre 2004 à 11:37:46 | Re : redimentionnement auto??

nejo

merci beaucoup leris. tu pourrais m'expliquer ton script?? (oh , ow tout ca quoi..)
merci!

lundi 1 novembre 2004 à 01:14:48 | Re : redimentionnement auto??

leris

re,

oX,oW,oH,myW,myH,resizeWinTo = noms aleatoires qui peuvent etre changés.
si tu veux tu mets le nom de ton chien ...
les fonctions et noms "pre-definis" ne peuvent etre changés (resizeTo,window.innerWidth,...)

<script type="text/javascript">
function resizeWinTo(idOfDiv) { // id du div "conteneur".
var oX = document.getElementById(idOfDiv); // oX = l'objet.div.
if( !oX ) { return false; }
var oW = oX.clip ? oX.clip.width : oX.offsetWidth; // oW = largeur de l'objet.
var oH = oX.clip ? oX.clip.height : oX.offsetHeight; // oH = hauteur de l'objet.
window.resizeTo( oW + 200, oH + 200 ); // on redimensionne aux dimensions de l'objet+200px.
// pour etre sûr d'englober les barres d'outils
// on a donc une fenêtre de dimensions "exterieures" de : objet+200px.
var myW = 0, myH = 0; // met les valeurs à 0 (facultatif)
myW = (document.all) ? window.document.body.clientWidth : window.innerWidth;
// myW et myH = dimensions "interieures" de la fenetre (partie visible)pour I.E , pour les autres.
myH = (document.all) ? window.document.body.clientHeight : window.innerHeight;
on redimensionne une deuxieme fois à : (largeur de l'objet + (largeur totale de la fenetre) - largeur interne de la fenetre), idem pour la hauteur .ce qui fait que quelles que soient les barres affichées on est sûr de redimensionner à la taille du div conteneur + les barres.
window.resizeTo( oW + ( ( oW + 200 ) - myW ), oH + ( (oH + 200 ) - myH ) );
}
</script>

note :
- resizeTo(800,600) = fenetre de dimensions "exterieures" 800*600.
- window.open('page.htm','','width=800px,height=600px') = fenetre de dimension "interieures" 800*600.

++

L.

vendredi 11 mars 2005 à 18:53:24 | Re : redimentionnement auto??

elkas

Salut
génial ton script !!!
Malheureusement il ne fonctionne pas avec firefox , bouuuuuhhhh
Y a Un  moyen ??

Elkas
Realy Newbies Person

samedi 12 mars 2005 à 07:14:45 | Re : redimentionnement auto??

leris

salut,

fonctionne tres bien sous firefox.

recommence .

L.

mercredi 4 mai 2005 à 11:35:16 | Re : redimentionnement auto??

Patrick_01

Bonjour à tous et toutes

 

Je pense avoir trouvé  le bon, simple mais efficace, à force moi aussi de glané sur les scripts,

Moi aussi je voulais redimensionner mes pages en auto par rapport aux autres écrans qui sont plus petit.

je pense même que c’est sur ce site que je l’ai trouvé mais je ne suis pas sur, enfin au cas ou ce ne serais pas le cas, voici ce script, essayer le sur une de vos page et voyer le résultat sur un autre écran que le votre bien sur, de toute façon si vous ne pouviez pas avoir un autre écran voyer quand même le résultat lorsque votre page est sur votre site, ont voit quand même cette différence.

 

Avant tout, faire une page vide html et sans nom de page, ce qui permet de ne pas toucher a votre index principal et mettre cette page une fois le script écris ci-dessous dans tous les répertoires ou ce trouve vos pages, très important car sinon le redimensionnent ne sera pas sur l’ens de vos pages.

Je disais donc, faire une page que vous appellerez suivant votre choix mais la simplicité c’est ce qu’il y a de mieux, pour exemple appeler la index2 ou 3 ou 4 ou en fonction de ceux que vous avez sur votre site, donc dans cette page écrire entre </head> et </head>, ci-dessous :

 

// code de la page d'accueil redimensionnent

<iframe id="Patrick" src="http://mon-site/" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe>

 

Remplacer mon prénom par le votre

Remplacer mon-site par le votre

 

Jusqu'à maintenant c’est simple, enregistrer et placé cette page sur l’ensemble des répertoires ou ce trouve vos pages (aussi bien sur votre pc que sur votre site, cela permet de voir même si vous n’allez pas sur votre site tous les jour le résultat de chaque page)

 

Maintenant sur une de vos pages, faite l’essai, après si vous en êtes satisfait sur le résultat, vous copier et coller ce code partout sur l’ensemble de vos pages. Je l’ai essayé sur du html et htm, cela fonctionne, pour le php, je l’ai pas essayé mais si vous avez ce type de page, essayer cela ne coût rien et au cas où, vous pourrez toujours après coup enlever ce code. Donc je disais :

 

a mettre  entre </html> et </head>  ou entre </head> et </head>, voir le résultat c’est suivant vos pages.

 

 // fonction javascript pour vos pages :

 

<script language="JavaScript" type="text/JavaScript">

<!--

function redim(){

  as=document.getElementById("index3.htlm").offsetHeight;

  parent.document.getElementById("Patrick").height=as;

  as=document.getElementById("index3.html").offsetWidth;

  parent.document.getElementById("Patrick").width=as;

}

//-->

</script>

 

// a mettre sur body

<body onLoad="redim()">

 

Remplacer mon prénom par le votre

Remplacer mon index par le votre

 

Bon voila j’ai été un peut long mais j’espère que ce code profiteras a tous.

Sur ce, je vous souhaite d’agréable moment sur ce site.

Patrick




Cette discussion est classé dans : fonction, taille, page, auto, redimentionnement


Répondre à ce message

Sujets en rapport avec ce message

URGENT ... Formulaire et modification de "action" [ par guidal ] C'est super simple :sur une page, j'ai un formulaire et plusieurs boutons.Chaque bouton envoie sur une autre page.Je me suis fais une fonction "set_ac Formulaire avec tableau auto dimensionné selon la taille de la fenetre [ par julien71 ] Je dois faire un tableau qui se redimensionne selon la taille de la fenetre.Les données sont stockées dans un tableau qui contient des enregistrements Petit problême avec la fonction resetVis() [ par prunkdump ] Voilà j'ai sur ma page une fenêtre qui est créée dans une .J'ai fait un bouton qui appelle la fonction resetVis() en mettant en lien "javascript:top.r fenetre scrollable en fonction de la résolution ????? [ par fcdconnect ] lut tlm... une fois de plus une question je l'espère pertinente :je souhaiterai rendre une page scrollable en fonction de la résolution d'affichage du fonction resize pb [ par Liso78 ] J'ai un blem avec une fonction resize !en fait, g bien créé ma fonction sur ma page et g fait un boutton qui appelle cette fonction...tous marche bien Ouvrir un popup en plein écran en fonction de la taille de l'écran... [ par orelien ] Bonjour,J'aimerais ouvrir une fenêtre (pop up en plein écran) en cliquant sur une image, en fonction de la taille de l'écran... Si quelqu'un pouvait m problème tout con [ par Tomcube ] C'est peut-être tout con mais j'ai un problème quand même :J'ai trouvé sur le net un script que j'inclus dans la page avec entre les balises :Mais qu Changer taille de la page de 1024*768 par 800*600 [ par supernulle ] Bonjour,je suis une tache en code, je viens de terminer mon site et je me suis rendu compte en le mettant en ligne ke je l'avais réaliser en 1024*768, Remplir un tableau en fonction d'un SELECT [ par simsai ] Bonjour,mon probleme: je ne vois pas comment faire pour remplir le contenu d'un tableau en fonction de la selection de mon select?J'ai une page que j' Requête HTTP et Javascript [ par ppsoft ] Bonjour.Je souhaiterais avoir une fonction JavaScript qui s'exécute lors d'un changement de page, le but étant d'ajouter un paramètre dans la requête


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version

Photothèque Nouveau !



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
Temps d'éxécution de la page : 0,749 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.