Bonjour,
J'ai semble -t-il un conflit entre plusieurs script javascript.
J'ai une page index.php avec :
Citation :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="js/slide_effet.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.innerfade.js"></script>
<script type="text/javascript">
$.noConflict ();
(function( $ ) {
jQuery(document).ready(function(){
$('ul#portfolio').innerfade({
speed: 1000,
timeout: 2500,
type: 'random',
containerheight: '80px'
});
});
}(jQuery));
</script>
</head>
<body>
<div id="blocnews">
<fieldset class="fieldset4">
<? include("inc/news.php" );?>
</fieldset>
</div>
|
Et dans ma page news, j'ai ce bout appellant le javascript slide_effect :
Citation :
<tr>
<td colspan="2">
<b><img src="img/site/fleche_bleue.png" height="15" alt="fleche_bleue">
<a id="etatmenu" href="#" onclick="return false;">Afficher plus d'actualités</A></b>
<br><br>
<div id="text">
<table width="100%">
<tr><td>
<center><fieldset class="fieldset1"><legend>
<font color="#0080FF"><b> 30/09/10: Titre</b></font></legend>
<table cellpadding="10">
<tr>
<td><a href="docs/image.jpg" target="_blank">
<img src="docs/image.jpg" height="100" border="0" alt="image"></A>
</td>
<td class="actu">
texte</b>
</td>
</TR>
</table>
</FIELDSET></center></td>
</tr>
</table>
</div>
</TD></TR>
|
Et la page bloc.php avec:
Citation :
<ul id="portfolio">
<li> <a href="http://www.monsite.com/" target="_blank"><br>
<img src="images/img.png" border="0" height="70" alt="image"><br>
</a></li>
<li> <a href="http://www.google.fr" target="_blank"><br>
<img src="images/img2.jpg" border="0" height="90" alt="iml"><br>
</a></li></ul>
|
Seul la partie portfolio de bloc.php fonctionne.
Le slide_effect ne fonctionne pas (il fonctionnait très bien avant que je rajouter portfolio)
Le bout de javascript correspondant à slide_effect.js :
Citation :
window.addEvent('domready', function(){
jQuery('text').slide('hide');
jQuery('etatmenu').addEvent('click', function(){
jQuery('text').slide('toggle');
});
});
|
Comment faire pour faire fonctionner les deux ??
Merci pour vos pistes!
