begin process at 2012 05 29 03:43:56
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

Trucs & Astuces

 > 

Etirer un background

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Etirer un background

samedi 19 novembre 2005 à 13:58:25 | Etirer un background

blat
Bonjour,

Je cherche à étirer un background d'une page afin qu'il remplisse toute la page et ce sans répétition.

J'ai vu que cette opération est impossible à réaliser en CSS (en tout cas, pas avant la nouvelle version) et j'ai pu trouver un code JavaScript qui permet de faire cela. Gros problème, il ne marche pas sous FireFox...

Voila mon code :
  1. <HTML>
  2. <HEAD>
  3. <SCRIPT LANGUAGE="JavaScript1.2">
  4. <!--
  5. NS4=(document.layers);
  6. IE4=(document.all);
  7. ver4=(NS4 || IE4);
  8. scaleWidth = true;
  9. scaleHeight = true;
  10. imSRC = "bkground.png";
  11. if (NS4) onload = setResize;
  12. function setResize(){
  13.     setTimeout('window.onresize=reDo;',500);
  14. }
  15. function reDo(){
  16.     window.location.reload()
  17. }
  18. if (IE4) onresize = reDoIE;
  19. function reDoIE(){
  20.     imBG.width = document.body.clientWidth;
  21.     imBG.height = document.body.clientHeight;
  22. }
  23. function makeIm() {
  24.   winWid = (NS4) ? innerWidth : document.body.clientWidth;
  25.   winHgt = (NS4) ? innerHeight : document.body.clientHeight;
  26.   imStr = "<DIV ID=elBGim"
  27.   + " STYLE='position:absolute;left:0;top:0;z-index:-1'>"
  28.   + "<IMG NAME='imBG' BORDER=0 SRC="+imSRC;
  29.   if (scaleWidth) imStr += " WIDTH="+winWid;
  30.   if (scaleHeight) imStr += " HEIGHT="+winHgt;
  31.   imStr += "></DIV>";
  32.   document.write(imStr);
  33. }
  34. //-->
  35. </SCRIPT>
  36. </HEAD>
  37. <BODY BGCOLOR="#FFFFFF" TEXT=white MARGINHEIGHT=0 MARGINWIDTH=0>
  38. <SCRIPT LANGUAGE="JavaScript1.2">
  39. <!--
  40. makeIm();
  41. //-->
  42. </SCRIPT>
  43. plop
  44. </BODY>
  45. </HTML>
Est ce que qq'un aurait une solution soit pour adapter ce code à FF soit pour réaliser l'étirement d'une autre manière.

Merci d'avance :)
vendredi 30 décembre 2005 à 10:55:40 | Re : Etirer un background

PetoleTeam

Membre Club


Attention pas de z-index négatif, il n'y a que IE qui hierarchise...

...donc ligne 27 devient

+ " STYLE='position:absolute;left:0;top:0;z-index:0'>"

et tu peux même encapsuler tout le reste du document dans un
<div STYLE="position:absolute;left:0;top:0;z-index:1">
</div>

ce qui n'est visiblement pas une obligation...sauf sous NETSCAPE, est oui il existe encore un peu, que tu n'a pas pris en compte dans ton script du moins dans sa version 6.xx

:0) Bonnes Fêtes...


Cette discussion est classée dans : function, document, body, ns4, imstr

Répondre à ce message

Sujets en rapport avec ce message

fond étiré et texte ajouté par dessus [ par Bestdoud ] Bonjour,J'ai essayé de mettre un fond qui s'étire dans ma page webj'avais trouvé ca:  function makeIm(){ NS4=(document.layers); IE4=(docum texte descriptif en mouseover [ par da vince ] Hello,J'ai trouvé un script très bein mais il a deux problèmes:ça marche dans IE7et les textes descriptifs (ds FF) ne disparaissent pas tjs quens on s Script pour Safari [ par vince1303 ] Bonjour, J'utilise ce script dans un iframe pour redimensionner celle-ci en fonction de son contenu. Ca marche très bien sur IE et Firefox (PC et MOUSE OVER [ par mimosa803 ] salut à tous, je veux réalisé l'événement Mouse over et Mouse out ,mais ca ne fonctionne pas,donc j'éspere que vous m'aider et merci d'avance.Mouse    page unique [ par mimosa803 ] bonsoir à tous , bon j'ai un petit problème: j'ai un liste déroulante nommée"liste" ,je veux que lorsque je séléctionne un chiffre, sa table de multip Conflit balises DIV [ par finelarme ] Bonjour, J'ai un problème pour "combiner" deux balises DIV. Il y'à deux actions dans ma page : un compte à rebours que j'ai paramêtré et un fader su Pb firefox pour cacher des div [ par fdthierry ] Bonjour,J'ai un menu qui se créé à partir d'une table.Le principe est le suivant:Année   Mois      JourAu chargement sous IE, je ne vois que les année coordonnée sur une image sous FireFox [ par Mastronic ] Bonjour, j'ai un script qui fonctionne tres bien sous Internet Explorateur mais pas sur FireFox.je n'arrive pas à recupérer les coordonnées quand je c modifié neige en hiver [ par vollibre ] Bonjour à tousVoila j'ai decidé de mettre un peut les mains dans le cambuit :)et déja j'ai un petit soucis qui je pense dois etre tres simple a regler pb dans code: marche pas [ par nanonerie ] nanonerie      calcul


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

Photo Underwater View of the Ocean With LIght Shining Through the WavePhoto Water in the Beginning of the Grand Canyon
Photo Baum im Gegenlicht 

Visiter la photothèque

A découvrir
 
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,577 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)