Problème function pour l'ouverture d'upload de fichier
CrawNet
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
CrawNet Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
CrawNet Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai acheté un site pour m'aider à partir sur une base sur CodeIgniter. Il y a une fonction (plus bas) qui permet à l'utilisateur que quand il clique sur le lien de changer ça propres photo de profil. Elle marche, mais j'ai voulu insérer un menu verticale sur la gauche ou il a une fonction qui "Push" le body, pour ne pas que quand la résolution est plus petite le contenu passe en dessous du menu. Cette fonction (plus bas également), dont pour je ne sais qu'elle raison, fait en sorte que l'autre fonction "Upload photo profil" ne marche plus !
Je connais pas trop le JS, j'espère trouver de l'aide ici, je suis nouveau sur le forum :)
Voici la function JS pour le Push Menu :
La fonction Upload avec la ligne HTML :
Si vous avez besoin de plus d'information n'hésitez pas :)
Merci d'avance et bonne journée à vous !
J'ai acheté un site pour m'aider à partir sur une base sur CodeIgniter. Il y a une fonction (plus bas) qui permet à l'utilisateur que quand il clique sur le lien de changer ça propres photo de profil. Elle marche, mais j'ai voulu insérer un menu verticale sur la gauche ou il a une fonction qui "Push" le body, pour ne pas que quand la résolution est plus petite le contenu passe en dessous du menu. Cette fonction (plus bas également), dont pour je ne sais qu'elle raison, fait en sorte que l'autre fonction "Upload photo profil" ne marche plus !
Je connais pas trop le JS, j'espère trouver de l'aide ici, je suis nouveau sur le forum :)
Voici la function JS pour le Push Menu :
<script> $(document).ready(function () { var $navigacia = $('body, #slide-menu'), val = $navigacia.css('left') === '250px' ? '0px' : '250px'; $navigacia.animate({ left: val }, 0) }); </script>
La fonction Upload avec la ligne HTML :
<script type="text/javascript"> jQuery(document).ready(function(){ var btnUpload=jQuery('#change_cover'); var status=jQuery('#cover_status'); new AjaxUpload(btnUpload, { action: '<?php echo base_url();?>edit_profile/upload_cover_picture', name: 'uploadfile', onSubmit: function(file, ext){ if (! (ext && /^(jpg|jpeg|gif|png)$/.test(ext))){ // extension is not allowed alert('Only JPG or GIF or PNG files are allowed'); return false; } status.html('Uploading...'); }, onComplete: function(file, response){ //On completion clear the status var resp = response.split('-'); status.text(''); //Add uploaded file to list if(resp[0]==="success"){ jQuery('.cover-image').html('<img src="<?php echo base_url();?>uploads/users/'+resp[1]+'">'); } else{ alert(response); status.html(''); } } }); }); </script>
<a class="uibutton" id="change_cover" href="#">Changer Photo</a>
Si vous avez besoin de plus d'information n'hésitez pas :)
Merci d'avance et bonne journée à vous !
A voir également:
- Problème function pour l'ouverture d'upload de fichier
- Fichier bin - Guide
- Fichier epub - Guide
- Fichier rar - Guide
- Comment réduire la taille d'un fichier - Guide
- Fichier .dat - Guide
2 réponses
Salut
as tu plusieurs blibliothèques jquery ?
si c'est le cas il ne faut en utiliser qu'une seule et ensuite appeller comme cela
$(....) au lieu de jQuery(....)
ou bien as tu une bibliothèque jquery et une autre non jquery (genre mootools ou autre) ?
il faut utiliser jquery.nonflict (pour le code jquery). Cela dépend aussi quelle bibliothèque et appelée en 1er
donc avant ton code d'upload ajoute cette ligne juste après la balise script type
jQuery.noConflict();
sinon va voir cette page qui explique assez bien le truc
https://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/
as tu plusieurs blibliothèques jquery ?
si c'est le cas il ne faut en utiliser qu'une seule et ensuite appeller comme cela
$(....) au lieu de jQuery(....)
ou bien as tu une bibliothèque jquery et une autre non jquery (genre mootools ou autre) ?
il faut utiliser jquery.nonflict (pour le code jquery). Cela dépend aussi quelle bibliothèque et appelée en 1er
donc avant ton code d'upload ajoute cette ligne juste après la balise script type
jQuery.noConflict();
sinon va voir cette page qui explique assez bien le truc
https://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/
Bonjour,
Merci de votre réponse et désoler de ne pas avoir répondu plus vite je n'ai pas reçus d'email de CommentCaMarche pour me dire que quelqu'un m'avait répondu.
Pour le problème je n'ai pas réussis à le régler. Je n'utilise qu'une seul bibliothèque JQuery c'est çà le pire ! xD
J'ai remarqué que quand j'enlève le body dans la fonction Push, l'autre fonction Upload fonctionne. Ce qui me parait bizarre =/
Merci encore !
Merci de votre réponse et désoler de ne pas avoir répondu plus vite je n'ai pas reçus d'email de CommentCaMarche pour me dire que quelqu'un m'avait répondu.
Pour le problème je n'ai pas réussis à le régler. Je n'utilise qu'une seul bibliothèque JQuery c'est çà le pire ! xD
J'ai remarqué que quand j'enlève le body dans la fonction Push, l'autre fonction Upload fonctionne. Ce qui me parait bizarre =/
Merci encore !