| Jquery // afficher, cacher |
Titre du sujet : Jquery // afficher, cacher
par bibile sur 15/02/2007 00:48:07
Bonjour a tous,
J'ouvre un topic dans cette catégorie car j'essaye desesperement de trouver une solution pour ne pas avoir a afficher dans mes articles l'intégralité du texte, mais qu'un bout (le second je voudrais l'afficher grace aux scripts JS Jquery& cie)
Toute fois etant donné que j'ai pas compris les conseils que Kris m'a donné je prefere prendre morceau par morceau et esayer de saisir le fonctionnement (car la j'ai raté des episodes)
En effet je voudrais avoir quelque chose dans le style de :
http://interface.eyecon.ro/demos/windows.html
mais le souci c'est que le script est fait pour une seule div (ayant pour id 'windows')
<a href="#" id="windowOpen">Open window</a>
<div id="window">
Plus bas j'ai regardé le javascript... mais bon... je comprends pas...
1- href="#" id="windowOpen" =>lance le script de bas de page...
1a- La ca ne marche que pour une div d'id 'window =>if($('#window').css('display') == 'none')
1b- Ne peut etre lancé qu'a partir d'un lien =>$('#windowOpen').bind('click',
Bref... je voudrais savoir si l'on peut creer une fonction telle que :
-fonction(id_div) lance le script de bas de page mais avec des variables changées...
Idée :
-créer une variable ID_DIV qui equivaut a l'id passée par l'appel du script
-reformuler le script en changeant les 'window' par ID_DIV
-mettre la valeur de windowOpen comme si elle etait cliquée afin de lancer le script... ou un lanceur autre...
La je suis un peu paumé j'avoue... j'ai meme essayé de changer l'id de la div en faisant appel a une fonction JS mais sans succes
(en gros
<a href="javascript:affichebloc('window2')">charge</a>
puis :
<script language="javascript">
function affichebloc(baliseId)
{
if ((document.getElementById && document.getElementById(baliseId) != null)&&(document.getElementById('window')==null))
{
document.getElementById(baliseId).id='window';
}
else
{
document.getElementById('window').id='window_1';
document.getElementById(baliseId).id='window';
}
}
</script>
Bref tellement je suis embrouillé j'ai du faire n'importe quoi avec ce script aussi 
=========voila le script de bas de page===============
<script type="text/javascript">
$(document).ready(
function()
{
$('#windowOpen').bind(
'click',
function() {
if($('#window').css('display') == 'none') {
$(this).TransferTo(
{
to:'window',
className:'transferer2',
duration: 400,
complete: function()
{
$('#window').show();
}
}
);
}
this.blur();
return false;
}
);
|
|
