begin process at 2012 05 29 15:35:02
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

petit probleme javascript


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

petit probleme javascript

jeudi 16 octobre 2008 à 14:47:01 | petit probleme javascript

gaucyril

Bonjour,

je suis en train de faire une verification d'extension de fichier avant upload en javascript.
Et jusque la ca marche.
Mon probleme est que je veux effacer le contenu du champ quand l'extension n'est pas bonne et la ca coince.
voici mon code :

-------------------------------------------------


function recup_extension(fichier) // fonction de récupération extension fichier
{
if (fichier!="")// si le champ fihier n'est pas vide
{
nom_fichier=fichier;// on récupere le chemin complet du fichier
nbchar = nom_fichier.length;// on compte le nombre de caractere que compose ce chemin
extension = nom_fichier.substring(nbchar-4,nbchar); // on récupere les 4 derniers caracteres
extension=extension.toLowerCase(); //on uniforme les caracteres en minuscules au cas ou cela aurait été écris en majuscule...
return extension; // on renvoi l'extension vers la fonction appelante
}
}

function verif_extension(fichier)// fonction vérification de l'extension aprés avoir choisi le fichier
{
ext = recup_extension(fichier);// on appelle la fonction de récupération de l'extension et on récupere l'extension

if(ext==".jpg"||ext==".gif"||ext==".png"){}// si extension = a une des extension suivante alors tout est ok donc ... pas d'erreur
else // sinon on alert l'user de la mauvaise extension
{
alert("L'extension du fichier que vous voulez uploader est :'"+extension+"'\n cette extension n'est pas autorisée !\n Seules les extesnions suivantes sont autorisées :\n'JPG;PNG;GIF' !");
}
}

function verif_before_valid_form()// fonction de validation de formulaire
{
var msgerr="Veuillez vérifier les erreurs suivantes :\n";// préparation message d'erreur
var erreur = 0;// par defaut tout est ok

if(document.formulaire.fichier_choisi.value!="")// si le champ fihier n'est pas vide
{
ext = recup_extension(document.formulaire.fichier_choisi.value);// on appelle la fonction de récupération de l'extension et on récupere l'extension

if(ext==".jpg"||ext==".gif"||ext==".png"){} // si extension = a une des extension suivante alors tout est ok donc ... pas d'erreur
else // sinon message d'erreur
{

msgerr=msgerr+"- L'extension du fichier n'est pas valide, les extensions acceptées sont 'JPG;PNG;GIF' ! \n";// prépare message d'erreur
erreur = 1;// il y a une erreur donc on l'informe

if(document.formulaire.fichier_choisi.value!="")// si le champ fihier n'est pas vide
{
document.formulaire.fichier_choisi.value="";
}
}
}

if(erreur==1)
{
alert(msgerr);
}
else
{
formulaire.submit();
}
}
//-->
</SCRIPT>
</head>
<body>

Image :<br><br>
<form name="formulaire" enctype="multipart/form-data" method="post" action="insert_art.php" onSubmit="return verification()">
<input type="file" name="fichier_choisi" value="" onChange="verif_extension(this.value);">




------------------------------

Est ce que quelqu'un pourrai m'aider.
jeudi 16 octobre 2008 à 15:12:54 | Re : petit probleme javascript

bultez

Membre Club

bonjour,

>>est que je veux effacer le contenu du champ quand l'extension n'est pas bonne et la ca coince

tu veux agir sur le input type="file" ? si je comprend...
pas possible, il est en lecture seule
tout ce que tu peux faire c'est "simuler" un click sur un
       <input type="reset".... /> contenu dans le formlaire
       et encore.. pas sûr que ce soit possible avec tous les navigateurs...
       IE permettrait des choses.. mais bon... exclusives
Cordialement

          Bul [mon Site] [M'écrire]         

vendredi 17 octobre 2008 à 01:35:17 | Re : petit probleme javascript

fonio

yo!

réécrit l'input :

document.formulaire.fichier_choisi.outerHTML=document.formulaire.fichier_choisi.outerHTML;

puis replace le focus :

document.formulaire.fichier_choisi.focus();
vendredi 17 octobre 2008 à 10:32:33 | Re : petit probleme javascript

bultez

Membre Club
avec IE, certes, mais avec les autres navigateurs ? tu as testé ?
          Bul [mon Site] [M'écrire]         

vendredi 17 octobre 2008 à 17:05:52 | Re : petit probleme javascript

fonio

j'avoue que non...
samedi 18 octobre 2008 à 05:36:12 | Re : petit probleme javascript

bultez

Membre Club
tu devrais.... et nous dire ?
          Bul [mon Site] [M'écrire]         

samedi 18 octobre 2008 à 07:42:11 | Re : petit probleme javascript

PetoleTeam

Membre Club
Bonjour à tous,
tu veux agir sur le input type="file" ? si je comprend...
pas possible, il est en lecture seule
Il est effectivement en lecture seule, avec FireFox un Obj.value=""; fonctionne mais pas avec les autres...

donc il faut ruser et en javascript beaucoup de chose sont faisable...

- L'idée est de créer un clone au démarrage, donc la value=""
- Ensuite pour éffacer la value il suffit de remplacer l'original par son clone

<GAG>
je vous livre un code qui mérite d'être dans les annales.
</GAG>
<html>
<head>
<script type="text/javascript">
var O_Clone;
//------------------------
function Init_Input_File(){
  var O_Src = document.getElementById( 'I_NOM_FICHIER');
  //-- Creation d'un clone
  O_Clone = O_Src.cloneNode(true);
  O_Src.parentNode.appendChild( O_Clone);
  //-- on cache
  O_Clone.style.display = "none";
  //-- new ID et NAME pour eviter les conflits
  O_Clone.id = "I_SAVE";
  O_Clone.name = "I_SAVE";
}
//------------------------
function Clear_Champ( id_){
  var O_Src = document.getElementById( id_);
  //-- Creation d'un clone du clone
  O_New = O_Clone.cloneNode(true);
  //-- Ajout du clone
  O_Src.parentNode.appendChild( O_New);
  //-- Remplacement du INPUT FILE par le clone
  O_Src.parentNode.replaceChild( O_New, O_Src);
  //-- Affiche
  O_New.style.display = "";
  //-- Restaure ID et NAME
  O_New.id = 'I_NOM_FICHIER';
  O_New.name = 'I_NOM_FICHIER';
}
//-----------------------
function Show_Champ( id_){
  var O_Src = document.getElementById( id_);
  alert( O_Src.value);
}
</script>
</head>
<body onload="Init_Input_File()">
<form>
  <br><label title="" for="I_NOM_FICHIER">Fichier:</label>
  <br><input type="file" id="I_NOM_FICHIER" name="I_NOM_FICHIER" size="100" accept="text/*">
  <br>
  <input type="button" onclick="Clear_Champ('I_NOM_FICHIER')" value="Clear">
  <input type="button" onclick="Show_Champ('I_NOM_FICHIER')" value="Voir">
</form>
</body>
</html>

Voila tester sous les principaux navigateurs que je posséde...
A vous de jouer...

Message perso à moi même, pour une fois la nuit t'a été profitable..
;O)


Cette discussion est classée dans : fichier, fonction, erreur, extension, ext


Répondre à ce message

Sujets en rapport avec ce message

fichier css en fonction du navigateur [ par stephbb75 ] Salut Tous,Une question peut être bette !! Est ce que je peut inclure un fichier css en fonction du navigateur !!En claire, dans head si je met un scr appel de fonction js depuis un fichier js [ par sbastian ] j'ai 2 fichiers js avec des fonctions js dans chaque fichier.je cherche à appeler la fonction d'un fichier js depuis un autre fichier js.c'est suremen Question d'un débutant en JavasScript... [ par Tribute2U ] Bjr, je débute en JavaScript et je sais qu'on peut intégrer ses scripts dans le fichier html ou bien appelé un fichier .jsJe sais comment appelé un fi controler l'extension d'un fichier ! [ par jimmy69 ] Bonjour a tous ,Je ne suis pas un grand pratiquant de javascript mais j'aimerais savoir si  c'etait possible lors d'un upload (transfert d'un fichier erreur fonction sous mozilla [ par chamallow ] Bonjour, alors voilà, j'ai une erreur que je n'arrive pas à corriger, et je ne comprend pas pourquoi.La fonction est :    function Sync_Picture(obj)   Pb de chargement d'un fichier *.js à cause d'un onload [ par Squallou ] Hello tout le monde !J'ai un chtiot problème !J'ai du javascript sur ma page : une fonction qui doit obligatoirement se lancer avec un onload dans la 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 Comment écrire dans un fichier XML grace à une fonction javascript [ par techwarior2 ] Bonjour à tous ceux qui connaisse le XML, aux autre aussi !! J'aimerai pouvoir lors de l'entrée dans un if { } mémoriser ce passage dans un document une Fonction ouverture ecriture modification de Fichier/File [ par BBeppe ] Bonjour,cherche une function en Vb ou ASP ou Javascript pour ouvrir ecrire modifier des fichiers SUR DISQUES Recuperer les données d'un TEXTAREA pour Executer une fonction javascript [ par tdikarimgrps ] Bonjour à tous,Voilà je souhaiterais savoir comment exécuter une fonction javascript lorsque je clique sur un lien ?De plus cette fonction devra downl


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
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,515 sec (3)

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