begin process at 2012 02 14 08:39:10
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Fonctionnement d'une propriété d'un navigateur

 > 

javascript, resolution ecran et css


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

javascript, resolution ecran et css

vendredi 16 novembre 2007 à 16:28:33 | javascript, resolution ecran et css

chiktika

Bonjour,
voila je détecte la résolution du client en javascript comme ceci :

if (screen.height>=1024){
    ...
}
else{
    ...
}

ensuite j'ai besoin de redimensionner un div conteneur en fonction de la résolution. J'ai essayé deux méthodes qui ne fonctionnent pas :

1 :
par l'appel de feuilles de styles externes differentes selon la résolution :
if (screen.height>=1024){
    <link href='styles1024.css' rel='stylesheet' type='text/css'>
}
else{
    <link href='styles768.css' rel='stylesheet' type='text/css'>
}

2:
par le passage de parametres ds la feuille de style interne.
if (screen.height>=1024){
    var hauteur=700px
    var largeur=900px
}
else{
    var hauteur=540px  
    var largeur=700px
}
</script>
<style type="text/css">
#anim {
    vertical-align:top;
    text-align:center;
    position: relative;
    height: hauteur;
    width: largeur;
    margin-right: auto;
    margin-left: auto;
    top: 0px;
}
</style>

voila ds les deux cas cela ne fonctionne pas.
Quelqu'un a-t-il une idée ??

Merci d'avance.
samedi 17 novembre 2007 à 09:15:56 | Re : javascript, resolution ecran et css

PetoleTeam

Membre Club
Bonjour,
On ne peut pas mélanger javascript et style comme tu le fais, une variable javascript n'est pas reconnue dans le style.

Tu peux toujours essayer comme ceci en changeant la source du link

<link id="L_STYLE" href='defaut.css' rel='stylesheet' type='text/css'>
<script type="text/javascript">
var O_Style = document.getElementById('L_STYLE');
if( O_Style){
  if( screen.height >= 1024)
    O_Style.href = "styles1024.css";
  else
    O_Style.href = "
styles 768.css";
}
</script>


Remarque :
La hauteur de l'écran hôte n'est pas forcément la hauteur de l'exploreur...

Une piste peu être mettre la dimension de ton div à 100%
<style type="text/css">
#anim {
  vertical-align : top;
  text-align : center;
  position : relative;
  height : 100%;
  width: 100%;
  top : 0px;
}
</style>


Sinon faire une recherche avec redirection suivant résolution écran.
;0)

lundi 19 novembre 2007 à 17:29:26 | Re : javascript, resolution ecran et css

chiktika

Merci beaucoup pour ta réponse !
mercredi 17 mars 2010 à 03:28:30 | Re : javascript, resolution ecran et css

haroun70

mois je pense qu'elle existe une manière moins compliquée pour resoudre le prbml d'ecran et c bien le % pour les largeures et les hauteures.


Cette discussion est classée dans : javascript, var, résolution, height, if


Répondre à ce message

Sujets en rapport avec ce message

pb javascript multiplication [ par wjuly ] Bonjour à tous,J'ai développé une fonction javascript dans laquelle j'effectue une multiplication (rien de sorcier donc). Seulement, je suis très éton Javascript et Acrobat reader [ par bouton ] Je dois séparer un PDF et ensuite attribuer à chaque page un nom de fichier tiré du rapport Crystal. Je me connecte à la base de données (var myConnec Traduire du javascript en C [ par hippyz ] Alors voilà mon petit problème, je souhaiterais traduire ceci en C mais je ne trouve pas d'équivalent à "substring" en C. Voici le code : for (var i Erreur T_Var dans ma fonction javascript [ par raven44 ] Bonjour à tous,Je n'arrive pas à me débarasser de cette erreur T_var dans mon script : Que signifie t'elle ? le but de ce script des de me retourner d Javascript qui deconne sous firefox [ par pssinjaune ] Salut à tous,Pour commencer avant qu'on m'insulte pke mon code n'est pas beau, je tiens à dire que j'ai appris le javascript tt seul ^^, voilà c'etait boucle javascript [ par b_medamine ] Bonjour, J'ai un problème dans cette petitre fonction ... qui peut me corriger : //        var numberList = search->numList?>; // représente pour que de soucis [ par cabiz ] bonjour j'ai donc crée un site avec trendyflash,jusque la tous va bien mais alors que tous le monde peut le voir moi pas je ne sais pas pq ?? j'ai fai Player multi format sécuriter java & php [ par c2bomb ] bonjour a tous,je cherche a afficher mon player,dans une fenetre style popup,mais hélas je suis vraiment nulle en javascript...si quelq'un peut m'aide 2 menuS deroulants java dans une page [ par DEVLYNE ] Bonjour!Sachez que je suis uns très grande débutante mais j'ai un petit souci.J'utilise un logiciel gratuit: Coffee Cup DHTML menu pour faire mes menu synchroniser une requete ajax asynchrone [ par AlexN ] Bonjour,Je cherche à synchroniser une requete ajax asynchrone. Et je prend une grosse suée.Je fais appel de manière cyclique à une requete ajax en mod


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

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,608 sec (4)

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