pblm affichage textarea sous mac

[helenegug]

Bonjour à tous,
Je développe un site mais je suis sur PC (désolée, désolée, désolée) et j'ai un problème avec l'affichage du textarea pour les utilisateurs qui sont sur MAC. Il semblerait que les attributs "rows" et "cols" de mon textarea ne soient pas pris en compte sur MAC : le textarea s'affiche en 1 ligne (alors que j'en ai spécifié 2) :​

http://www.helenegugenheim.com/socraft2/camille.php (le problème est dans la zone de légende photo qui est appelée par un mélange de javascipt et php)​

Quelqu'un a une idée ????​

Je remets ci-dessous les codes pour que ce soit plus clair :​

dans le html :
<form name="comm" id="comm" method="post" action="">
<textarea name="contenu" cols="85" rows="2" class="formulaire" id="contenu"></textarea>
</form>​

dans la css :
form{
float: left;
padding: 0px 0px 0px 10px;
text-align: center;
}
textarea{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10px;
border: none;
color: #333333;
overflow: visible;
}​

Merci d'avance à ceux qui pourront se pencher sur ce problème ​

 

[elKBron]

essaie de mettre un "/" dans action="/"

et as tu essayé de définir ton textarea en pixels ?

 

[helenegug]

essaie de mettre un "/" dans action="/"

et as tu essayé de définir ton textarea en pixels ?

oui, j'ai essayé mais ça pose le même problème

 

[helenegug]

oui, j'ai essayé mais ça pose le même problème

excuses moi (trop pressée...) j'avais pas vu ta première remarque sur action, je viens de rajouter le "/" est-ce que je peux abuser et te demande de vérifier si ça a fonctionné ? J'ai pas de mac sous la main

 

[kone]

Une précision, il y a bien deux lignes chez moi, mais pas 2 lignes de textes (ie la boite textarea est bien sur 2 lignes).
D'abord, est-ce que si tu diminue la textarea ca passe (en nombre de colonnes)?
Sinon, j'ai pas trop d'idée, mais tu pourrais toujours forcer le passage à la ligne dans ton javascript: dans le fichier comments_camille.js
par exemple

commentaire[0]="Collier Jardin rouge. Laiton argenté, céramique et soie.[B]\n[/B] Photo : Nathalie Roze. Maquillage et coiffure : Isabelle Théviot";

Bon, je veux bien c'est pas terrible comme solution, mais je vois pas trop (sinon rajouter dans ton css sur le bloc textarea une ligne "resize: none;" ?)

 

[kone]

excuses moi (trop pressée...) j'avais pas vu ta première remarque sur action, je viens de rajouter le "/" est-ce que je peux abuser et te demande de vérifier si ça a fonctionné ? J'ai pas de mac sous la main

Non ca n'a pas l'air.

 

[helenegug]

J'ai essayé de placer "resize:none" dans le css de textarea. Tu vois un changement ?

 

[GraphiqueDesign]

Safari 3.0.4

 

[kone]

J'ai essayé de placer "resize:none" dans le css de textarea. Tu vois un changement ?

non désolé.
Mais apparemment Safari calcule mal la largeur de ta textarea (je sais pas encore pourquoi), mais tu pourrais définir sa largeur pour etre la meme que celle de l'image (ie dans le bloc textarea du css ajouter un :
width: 400px;

Non?

 

[helenegug]

je viens d'essayer, tu vois un changement ?

 

[kone]

ca y est ca marche et ca a pas cassé opera

 

[helenegug]

ah suis top contente !!!
alos petite précision pour ceux qui auraient un jour le même problème, ma première erreur avait été de définir (dans le fichier css) le width sur "form" et non sur "textarea" comme tu me l'as dit. Merci beaucoup !

 

[fredmac75]

bonjour,

Je ne comprend pas pourquoi vous utilisez un textarea et plus largement la balise <form> ?

il y a également quelques petites erreurs dans votre js

		if (linkornot==1)
		document.write('<a href="javascript:transport()">')
		document.write('<img src="'+chemin+''+photos[0]+'" name="photoslider" border=0 alt="Céramique de Grégoire Scalabre">')
		// et si yen a pas
		if (linkornot==1)
		document.write('')

il y a deux fois la même condition.

 

[helenegug]

et bien en fait, c'est une solution (un peu batarde certes) pour permettre à d'autres utilisateurs de mettre à jours les données, sans rentrer dans les pages html. ça reste compliqué mais ça permet de mettre à jour les photos et les commentaires en chargeant simplement les nouvelles images (bien nommées) sur ftp et en modifiant uniquement le fichier comments.js Mais, je suis preneuse pour une solution plus simple

 

[kone]

Je pense que la remarque de fredmac75 avait trait à l'utilisation d'une textarea alors que tu ne soumets pas de données via ce formulaire, tu devrais peut etre te renseigner sur le DOM et en particulier sur la propriété innerHTML .

De facon générale, ton javascript est un peu bizarre (un peu comme un copier coller de sources diverses), par exemple il est bizarre d'utilieser des objets Array, sans en utiliseer aucune des fonctionnalités, ou encore il est bizarre d'insérer du code destiné à Netscape Navigator 4.x en 2008.
Bon, je dis ca, je dis rien

 

[helenegug]

ah bah oui c'est tout à fait ça : du copier-coller de sources diverses . Tu as raison je vais essayer de me pencher sur ce que tu me conseilles : DOM et innerHTML. En espérant tout comprendre...

 

[kone]

Aussi, pour ta gestion des objets array, par exemple, tu fais :

  var photos = new Array(5);
photos[0] = 'photo1.jpg';
photos[1] = 'photo2.jpg';
photos[2] = 'photo3.jpg';
photos[3] = 'photo4.jpg';
photos[4] = 'photo5.jpg';

et faire un truc du genre:

  var photos = new Array(5);
for (var i=0; i < photos.length; i+=1)
{
photos.push("photo"+(i+1)+".jpg");
}

serait un brin plus élégant.

Enfin, si tu as un peu de temps travailler un peu le javascript ne serait pas inutile (si tu comprends l'anglais il y a d'assez bonne video par crockford (un type de yahoo), que tu trouveras avec une recherche "crockford javascript")

EDIT : si tu repasses par là, il est également déconseillé d'utiliser le "with" (cf crockford javascript), et je te conseilles de laisser tomber le code réserver à NetscapeNavigator 4.x qui l'utilise (et qui d'apres wikipedia est utilisé par 0.05 % de la population).