Version complète: sur le forum Webmaster Hub : Remplacement bouton Parcourir
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
nomasis
samedi 8 octobre 2005 à 22:23
Suite à cet excellent article
J'ai placé ceci dans la feuille de style :
CODE
div#input
{
    position :absolute;
    left: 80px;
    top: auto;
}

sans toucher au html :
CODE
<div style="input">
<input type="file" name="txtFile" style="filter :alpha(opacity=0)" size="24"
onfocus="document.forms[0].nomFichier.value=document.forms[0].txtFile.value"
onchange="document.forms[0].nomFichier.value=document.forms[0].txtFile.value">
<input type="text" size="24" name="nomFichier">
<img src="inputfile.gif" align="absmiddle">
</div>

Mais comme vous pouvez le voir ici, c'est pas ça qu'est ça ! sad.gif
Sous IE c'est bon :

Mais sous Firefox :

Est ce que ça fonctionne vraiment ?
A vous les studios. wink.gif
Xavier
dimanche 9 octobre 2005 à 10:34
CITATION(nomasis @ samedi 08 octobre 2005, 23h23)
CODE
style="filter :alpha(opacity=0)"

*

Filter c'est IE-only, donc pas étonnant que ça ne soit pas caché dans les autres navigateurs... rolleyes.gif
Il faut utiliser la propriété CSS3 "opacity" (ou -moz-opacity ou -khtml-opacity...).
lou_ravi
dimanche 9 octobre 2005 à 11:43
style="filter :alpha(opacity=0); -moz-opacity:0;"
Xavier
dimanche 9 octobre 2005 à 13:22
CITATION(lou_ravi @ dimanche 09 octobre 2005, 12h43)
style="filter :alpha(opacity=0); -moz-opacity:0;"
*
Ou plutôt :
CODE
style="filter :alpha(opacity=0); opacity:0;"
(il n'y a pas que Mozilla dans la vie wink.gif )

Je ne sais pas si c'est géré par KHTML ou s'il faut rajouter -khtml-opacity. Pour Opera il me semble que ce n'est pas géré... mais pourquoi ne pas mettre un visibility : hidden qui fonctionne partout ?
nomasis
dimanche 9 octobre 2005 à 14:01
En tout cas cette solution fait sacrément le job !
Je vais tester tout cela sous Mac et Safari.

Molto grazie et tutti frutti !
Dudu
dimanche 9 octobre 2005 à 14:58
CITATION(lou_ravi @ dimanche 09 octobre 2005, 12h43)
style="filter :alpha(opacity=0); -moz-opacity:0;"
*
blink.gif
Du propriétaire Microsoft + du propriétaire Mozilla IMSTP3.gif
Du grand art.

Pour info, ma version de Safari qui commence à dater (1 an) supporte opacity nâtivement.
lou_ravi
dimanche 9 octobre 2005 à 15:51
CITATION(Dudu @ dimanche 09 octobre 2005, 15h58)
blink.gif
Pour info, ma version de Safari qui commence à dater (1 an) supporte opacity nâtivement.
*


ah oui ? Intéressant ! Il reste plus qu'à convaincre 99,99% des internautes d'utiliser Safari ... et c'est tout bon !
Dudu
dimanche 9 octobre 2005 à 19:32
CITATION(lou_ravi @ dimanche 09 octobre 2005, 16h51)
ah oui ? Intéressant ! Il reste plus qu'à convaincre 99,99% des internautes d'utiliser Safari ... et c'est tout bon !
*
sad.gif
Mais pourquoi tout le monde tient-il autant à une hégémonie d'un navigateur ?
Vous voulez vraiment revivre l'époque où Explorer tenait 95% du marché ?
Ok, ben sans moi merci.

Sans compter que Safari est attaché à un OS (!= multi plate-forme) et l'hégémonie d'un OS ne m'enchante guère plus.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.