Problème function pour l'ouverture d'upload de fichier

Fermé
CrawNet Messages postés 2 Date d'inscription vendredi 30 mai 2014 Statut Membre Dernière intervention 2 juin 2014 - 30 mai 2014 à 11:13
CrawNet Messages postés 2 Date d'inscription vendredi 30 mai 2014 Statut Membre Dernière intervention 2 juin 2014 - 2 juin 2014 à 11:48
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 :
<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:

2 réponses

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
30 mai 2014 à 12:43
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/
1
CrawNet Messages postés 2 Date d'inscription vendredi 30 mai 2014 Statut Membre Dernière intervention 2 juin 2014
2 juin 2014 à 11:48
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 !
0