Bonjour,
J'utilise une facebox (lightbox façon facebook) afin d'afficher du contenu.
Pour apporter un peu de clarté j'aimerai utiliser des tabs dans ma lightbox.
Mes scripts isolés marchent très bien mais lorsque j'imbrique mes tabs dans ma facebox ils fonctionnent plus.
Il me semble pourtant que la facebox supporte l'ajax.
Source de mes scripts Jquery :
facebox : http://famspam.com/facebox
id Tabs : http://www.sunsean.com/idTabs/#home
source du code :
Est-ce possible de réaliser ce type de mise en page ? Si oui, comment puis-je contourner le problème ?
Merci,
Bonne journée,
Emmanuel
Modifié par emmanuel (18 Nov 2009 - 11:00)
J'utilise une facebox (lightbox façon facebook) afin d'afficher du contenu.
Pour apporter un peu de clarté j'aimerai utiliser des tabs dans ma lightbox.
Mes scripts isolés marchent très bien mais lorsque j'imbrique mes tabs dans ma facebox ils fonctionnent plus.
Il me semble pourtant que la facebox supporte l'ajax.
Source de mes scripts Jquery :
facebox : http://famspam.com/facebox
id Tabs : http://www.sunsean.com/idTabs/#home
source du code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Tabs</title>
<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
<link href="facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="jquery.idTabs.min.js"></script>
<script src="facebox.js" type="text/javascript"></script>
</head>
<body>
<!-- script facebox -->
<script type="text/javascript">
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox();
// On peut aussi personnaliser les images
// de chargement et de fermeture :
$('a[rel*=facebox]').facebox({
loading_image : 'loading.gif',
close_image : 'closelabel.gif'
});
})
</script>
<a href="#test" rel="facebox">test</a>
<div id="test" style="display: none">
<ul class="idTabs">
<li><a href="#jquery">jQuery</a></li>
<li><a href="#official">Tabs 3</a></li>
</ul>
<div id="jquery">If you haven't checked out ...</div>
<div id="official">idTabs is only a simple ...</div>
</div>
</body>
</html>Est-ce possible de réaliser ce type de mise en page ? Si oui, comment puis-je contourner le problème ?
Merci,
Bonne journée,
Emmanuel
Modifié par emmanuel (18 Nov 2009 - 11:00)