IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

[XHTML] input file sans champ input texte


Sujet :

HTML

  1. #1
    vny
    vny est déconnecté
    Membre confirmé
    Inscrit en
    Mai 2004
    Messages
    74
    Détails du profil
    Informations forums :
    Inscription : Mai 2004
    Messages : 74
    Par défaut [XHTML] input file sans champ input texte
    Bonjour,

    Sur ma page web, je désirerais mettre un bouton "Browse" pour aller rechercher un fichier sur le pc client.
    Je sais que le tag input type="file" le permet, mais je désirerais que la partie input texte devant ne s'affiche pas, pour ne garder que le "browse ..."

    Est ce possible avec input file ?
    Si oui, comment ?
    Si non, comment puis-je alors faire pour avoir ce résultat là ?

    Info si utile pour le choix d'une solution : mes pages sont en jsf.

    Merci d'avance pour votre aide,
    vny

  2. #2
    Membre Expert Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Par défaut
    Salut,

    C'est impossible nativement. Une solution serait de placer un div par dessus en utilisant :absolute et son z-index.

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    442
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Janvier 2004
    Messages : 442
    Par défaut
    Un petit tour sur la fonction recherche ("input file caché")
    http://www.developpez.net/forums/vie...t+file+cach%E9

  4. #4
    vny
    vny est déconnecté
    Membre confirmé
    Inscrit en
    Mai 2004
    Messages
    74
    Détails du profil
    Informations forums :
    Inscription : Mai 2004
    Messages : 74
    Par défaut Merci beaucoup
    Je n'avais pas fait une recherche fructueuse sur le forum

    Merciiiiiiiiiiiiiiii

  5. #5
    vny
    vny est déconnecté
    Membre confirmé
    Inscrit en
    Mai 2004
    Messages
    74
    Détails du profil
    Informations forums :
    Inscription : Mai 2004
    Messages : 74
    Par défaut Precision ... ne fonctionne pas toujours
    Sous firefox, cela ne fonctionne pas (la solution donnée dans le link, suite à la recherche)

    Une idée depuis que ce post là a été fait ?

    Merci

  6. #6
    Nouveau candidat au Club
    Inscrit en
    Mars 2003
    Messages
    2
    Détails du profil
    Informations forums :
    Inscription : Mars 2003
    Messages : 2
    Par défaut
    La méthode javascript click() de l'objet Input du Document Object Model HTML (DOM HTML) permet de simuler un click de souris sur une balise HTML ou XHTML INPUT don la valeur de l'attribut TYPE est "Button", "Checkbox", "Radio", "Reset", ou "Submit".
    Donc il n'y a pas "file" dedans

    Personne n'a une idée ?

    EDIT : Désolé pour le déterrage, j'avais pas vu la date.

  7. #7
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Tu peux lire ce topic :
    http://developpez.net/forums/showthread.php?t=299467

    Deux solutions sont données dedans.

  8. #8
    Nouveau candidat au Club
    Inscrit en
    Mars 2003
    Messages
    2
    Détails du profil
    Informations forums :
    Inscription : Mars 2003
    Messages : 2
    Par défaut
    Merci,

    des deux, je préfère la solution sans javascript. Je l'ai adapté, et comme mon formulaire ne sera lu que par quelques utilisateurs ayant le navigateurs en français, je n'ai aucun problème avec le champ de texte (mis dans un div, avec un overflow: hidden, et un margin-left négatif pour faire sortir le champ de texte).

    Merci encore.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [DOM] Effacer champ input file
    Par vince_grenoblois dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 14/02/2009, 15h54
  2. Récuperer valeur champ input file
    Par Shandler dans le forum jQuery
    Réponses: 9
    Dernier message: 14/01/2009, 12h11
  3. Probleme champ input file (adresse du fichier)
    Par omar_elid dans le forum Servlets/JSP
    Réponses: 0
    Dernier message: 26/08/2008, 17h58
  4. [HTML] Initialisation champ input file
    Par scrouet dans le forum Balisage (X)HTML et validation W3C
    Réponses: 10
    Dernier message: 03/03/2008, 17h22
  5. recuperation du champ input file
    Par dieudo dans le forum ASP.NET
    Réponses: 2
    Dernier message: 28/02/2008, 10h30

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo