salut tlm, je suis débutant en programmation j'éssaye de crée un programme qui upload des images,mon blem quand j'enleve cette bib :
( <script src="js/jquery.min.js"></script> )
tt marche sauf le chargement de l'image, et quand j'enleve le script : ( <script>
$(function() {
$( "#tabs-5" ).tabs({
heightStyle:"fill",
collapsible:true,
hide:"slideUp"
});
});
</script>
)
il charge l'image normale mais le menu ne marche pas ,je pense que j'ai un conflit de script!!!
voila le prgm:
Accueil_tut.html:
----------------------------------------------------------------------
<?php
session_start();
$session_id='1'; //$session id
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs functionality</title>
<link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.wallform.js"></script>
<script>
$(function() {
$( "#tabs-5" ).tabs({
heightStyle:"fill",
collapsible:true,
hide:"slideUp"
});
});
</script>
<script>
$(document).ready(function() {
$('#photoimg').die('click').live('change', function()
{
//$("#preview").html('');
$("#imageform").ajaxForm({target: '#preview',
beforeSubmit:function(){
console.log('ttest');
$("#imageloadstatus").show();
$("#imageloadbutton").hide();
},
success:function(){
console.log('test');
$("#imageloadstatus").hide();
$("#imageloadbutton").show();
},
error:function(){
console.log('xtest');
$("#imageloadstatus").hide();
$("#imageloadbutton").show();
} }).submit();
});
});
</script>
<style>
#tabs-5{font-size: 20px;}
.ui-widget-header {
background:#b9c;
border: 1px solid #b9cd6d;
color: #FFFFFF;
font-weight: bold;
}
body
{
font-family:arial;
}
#preview
{
color:#cc0000;
font-size:12px;
}
.imgList
{
max-height:150px;
margin-left:5px;
border:1px solid #dedede;
padding:4px;
float:left;
}
</style>
</head>
<body>
<div id="tabs-5">
<ul>
<li><a href="#tabs-6">Cours</a></li>
<li><a href="#tabs-7">Quizz</a></li>
<li><a href="#tabs-8">+ D'infos</a></li>
</ul>
<div id="tabs-6">
<div>
<div id='preview'>
</div>
<form id="imageform" method="post" enctype="multipart/form-data" action='ajaxImageUpload.php' style="clear:both">
<h1>Upload your images</h1>
<div id='imageloadstatus' style='display:none'><img src="loader.gif" alt="Uploading...."/></div>
<div id='imageloadbutton'>
<input type="file" name="photos[]" id="photoimg" multiple="true" />
</div>
</form>
</div>
</div>
<div id="tabs-7">
<p>cccccccccccccccccccccccccccccccccccccccc. </p>
</div>
<div id="tabs-8">
<p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </p>
<p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb. </p>
</div>
</div>
</body>
</html>
QLQ'un Peut m'aider svp!!!!!!!!!!!!
Last edited by Chk_Ghanou (11-03-2015 11:47:21)