Conflit javascript
Conflit javascript - HTML/CSS - Programmation
Marsh Posté le 14-11-2010 à 18:54:31
Pour ceux que cela intéresse (ou pas), j'ai trouvé une solution pour régler mon problème:
J'ai tout simplement mis un autre script javascript pour remplacer mon slide_effect. c'est moins beau mais ça fonctionne. J'ai fais comme suis :
| Citation : function visible() { |
que j'appelle dans news.php
J'avais par ailleurs un autre prob de conflit entre mon diapo d'images portfolio et mon lightbox que j'ai pu réglé également comme suis :
| Citation : <script type="text/javascript"> |
Sujets relatifs:
- Conflit entre deux formulaires simples.
- système de popup javascript
- Tester l'existence d'une classe en javascript mootools
- Modification diaporama panoramique javascript
- [JavaScript] Pb compatibilité avec Chrome (page vierge affichée)
- demande d aide pour integration de javascript sur blog
- [JS ] Conflit ***.js avec prototype.js
- [HTML/CSS/Javascript] conflit body onload / window.onload
- Conflit javascript ?
- conflit javascript
Marsh Posté le 13-11-2010 à 13:15:14
Bonjour,
J'ai semble -t-il un conflit entre plusieurs script javascript.
J'ai une page index.php avec :
<!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 :
<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:
<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 :
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!