L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX new!
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle

     Referencement
     Créat. de bannière

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
102429 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kits graphiques
     Création logo

Plus :
     Comparateur de prix
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Hebergement gratuit
     Le PHP facile
     Horoscope
     Comscripts
     WebmasterClub
     Activeartanima...
     Le village de ...
     Faro-dessing
     L'écriteau
     Netsources
     Images gifs an...
     Création de site
     Easy-script.com
     Créer son site...
     Je javascript
     Les autres
     Votre site ici ?


Le forum ] [ Préférences ] [ Nouveau sujet ] [ Répondre ] [ Recherche ] [ Vos sujets ] [ Tous lus ] [ Flux RSS ]


[ Forums >> JavaScript >> Problèmes de création JavaScript / DHTML >> Problème Input sous Firefox ]

> Problème Input sous Firefox
[ Posté par rf92 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 14-05-2008 à 23:32 | 608 messages ]

Bonsoir,

j'ai un problème sur code qui ne fonctionne pas sous Firefox (mais sous IE pas de pb).

en fait, sous FF, il ne se passe rien.

Je souhaite mettre à jour le contenu des valeurs des zones largeur et hauteur, à l'aide des deux jeux de boutons pour chacune.

Mais dans FF, les valeurs ne se modifient pas.

<html>
<head>
<title>Nouvelle page 1</title>
<meta http-equiv="Content-type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
#global { border: 1px black solid; }
.case { height:20px; width:20px; text-align:center; }
.gauche { float:left; }
</style>
<!--[if IE]>
<script type="text/javascript" language="javascript">
var z_width = screen.availWidth-45;
var z_height = screen.availHeight-180;
var large = z_width;
var haut = z_height;
</script>
<![endif]-->
<!--[if !IE]>-->
<script type="text/javascript" language="javascript">
var z_width = screen.availWidth-100;
var z_height = screen.availHeight;
var large = z_width;
var haut = z_height;
</script>
<!--><![endif]-->
<script type="text/javascript" language="javascript">
<!--
function depart() {
document.getElementById("global").style.top="10px";
document.getElementById("global").style.left="10px";
document.getElementById("global").style.height=haut+"px";
document.getElementById("global").style.width=large+"px";
document.write("Largeur (max "+(parseInt(Math.round(z_width * 1.1)/10)*10)+" - min "+(parseInt(Math.round(z_width * .9)/10)*10)+") : ");
document.write("<input TYPE='button' id='largmoins' value='Moins' onClick='mod_largeur(-10)' alt='Moins' title='Moins' > - ");

document.write("<input TYPE='button' id='largplus' value='Plus' onClick='mod_largeur(10)' alt='Plus' title='Plus' > - ");
document.write("<input type='text' value="+z_width+" name='largeur' id='largeur' name='largeur' />");
document.write("<br />");
document.write("Hauteur (max "+(parseInt(Math.round(z_height * 1.1)/10)*10)+" - min "+(parseInt(Math.round(z_height * .9)/10)*10)+") : ");
document.write("<input TYPE='button' id='hautmoins' value='Moins' onClick='mod_hauteur(-10)' alt='Moins' title='Moins' > - ");
document.write("<input TYPE='button' id='hautplus' value='Plus' onClick='mod_hauteur(10)' alt='Plus' title='Plus' > - ");
document.write("<input type='text' value="+z_height+" name='hauteur' id='hauteur' name='hauteur' />");
document.write("<br />");
document.write("<br /><br />");
document.write("<input TYPE='button' id='depart2' value='Lancer la spirale constante' onClick='maboucle(2)' alt='depart2' title='depart2' />");
document.write("<br /><br /><br />");
document.write("<div id='agauche' class='gauche'>");
document.write("<div class='case'></div>");
document.write("<div class='case'><a href='#' onClick='mod_largeur(-10)'><img src='gauche.gif' height='20px' width='20px' name='gauche' title='gauche' alt='gauche' border='0px' /></a></div>");
document.write("<div class='case'></div>");
document.write("</div>");
document.write("<div id='aucentre' class='gauche'>");
document.write("<div class='case'><a href='#' onClick='mod_hauteur(10)'><img src='haut.gif' height='20px' width='20px' name='haut' title='haut' alt='haut' border='0px' /></a></div>");
document.write("<div class='case'></div>");
document.write("<div class='case'><a href='#' onClick='mod_hauteur(-10)'><img src='bas.gif' height='20px' width='20px' name='bas' title='bas' alt='bas' border='0px' /></a></div>");
document.write("</div>");
document.write("<div id='adroite' class='gauche'>");
document.write("<div class='case'></div>");
document.write("<div class='case'><a href='#' onClick='mod_largeur(10)'><img src='droite.gif' height='20px' width='20px' name='droite' title='droite' alt='droite' border='0px' /></a></div>");
document.write("<div class='case'></div>");
document.write("</div>");
}
function mod_largeur(parm) {
large = parseInt(large + parm);
if (large > (parseInt(Math.round(z_width * 1.1)/10)*10)) large = parseInt(Math.round(z_width * 1.1)/10)*10;
if (large < (parseInt(Math.round(screen.width * .9)/10)*10)) large = parseInt(Math.round(screen.width * .9)/10)*10;
document.getElementById("largeur").innerText = large;
document.getElementById("global").style.width=large+"px";
}
function mod_hauteur(parm) {
haut = parseInt(haut + parm);
if (haut > (parseInt(Math.round(screen.height * 1.1)/10)*10)) haut = parseInt(Math.round(screen.height * 1.1)/10)*10;
if (haut < (parseInt(Math.round(z_height * .9)/10)*10)) haut = parseInt(Math.round(z_height * .9)/10)*10;
document.getElementById("hauteur").innerText = haut;
document.getElementById("global").style.height=haut+"px";
}
function maboucle(param) {
alert("chaque chose en son temps !")
}
//-->
</script>
</head>
<body>
<div id="global">
<script type="text/javascript" language="javascript">
<!--
depart();
//-->
</script>
<noscript>
Désolé le javascript n'est pas activé.
</noscript>
</div>
</body>
</html>


Par avance, merci pour votre aide.

a+

________________
rf92

A Begwalewe, près de Serule au Botswana, Galetwaselwe Mossi a volé une vache à Sir Seretse Khama. On vous fait grâce du nom de la vache.
Pierre Desproges



[ Posté par Petole Team ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 16-05-2008 à 00:49 | 98 messages ]

Bonjour,
mettre
document.getElementById("largeur").value = large;
à la place de
document.getElementById("largeur").innerText = large;

et idem pour
document.getElementById("hauteur").innerText = haut;

;0)

________________
;O)

[ Posté par EricM ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 16-05-2008 à 09:45 | 4152 messages ]

Petole Team a dit
Bonjour,
mettre
document.getElementById("largeur").value = large;
à la place de
document.getElementById("largeur").innerText = large;

et idem pour
document.getElementById("hauteur").innerText = haut;

;0)

+1

Mais au besoin (pour remplir un div ou autre élément avec balise de fin), utilise innerHTML plutôt que innerText (pas reconnu par tous les nav, je crois) ...

A+

________________
L'échec est le fondement de la réussite.
- Lao Tseu -

[ Posté par rf92 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 18-05-2008 à 08:43 | 608 messages ]

bonjour,

ça marche !


bonne journée

________________
rf92

A Begwalewe, près de Serule au Botswana, Galetwaselwe Mossi a volé une vache à Sir Seretse Khama. On vous fait grâce du nom de la vache.
Pierre Desproges




Services email :

Vous devez vous identifier pour profiter des services par email du forum.
Le forum ] [ Préférences ] [ Nouveau sujet ] [ Répondre ] [ Recherche ] [ Vos sujets ] [ Tous lus ] [ Flux RSS ]






34 visiteurs
actuellement en ligne

    PUBLICITE

Wilogo.com - Création Logo Entreprise

     ANNUAIRE WEBMAST.
Wedoo
La plus connue des top-lists.
http://fr.wedoo.com
Cat : Cercles de sites
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
54914 membres
8608 comptes CountUs
1462 comptes myCircle

     LES FORUMS :
14 forums
39175 topics
188680 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Navigateur" du jour par astuces-win
Dans Mozilla Firefox, utilisez Ctrl + T pour ouvrir un nouvel onglet. La navigation par onglets est beaucoup plus facile et permet de regrouper plusieurs sites en une seule fenêtre. Ctrl + W permettra de fermer l'onglet ouvert.
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 07/09/2008 18:58:35 | Design by Studcrea | Gen. en 0.477 sec.