JQuery, apparition, disparition de div

Le
fra
Soit les scripts jQUery :

<script>
function montrer(div) {
$( "div" ).slideDown( "slow" );
}
</script>

<script>
function masquer(div) {
$( "div" ).slideUp( "slow" );
}
</script>

qui sont utilisés là :

<a href="#real" onclick="montrer('real')">Réalisations</a>

<a href="#haut" onclick="masquer('real')>A propos</a>

Si je clique sur Réalisations, la div real apparait bien (avec l'effet
souhaité) mais si je clique sur A propos, toutes les divs disparaissent
et non seulement la div 'real'.

Pourquoi ?
--
Fra
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
SAM
Le #26337948
Le 07/02/15 18:27, Fra a écrit :
Soit les scripts jQUery :

<script>
function montrer(div) {
$( "div" ).slideDown( "slow" );
}
</script>

<script>
function masquer(div) {
$( "div" ).slideUp( "slow" );
}
</script>




Peut-être, préférer :

<script>
function montrer(div) {
$( div ).slideDown( "slow" );
}
function masquer(div) {
$( div ).slideUp( "slow" );
}
</script>

$(div)
sans ' ni " autour de div
pourquoi ?
parce que ici div est une variable (qui représentera 'real')

tandis que 'div' sera une chaine (a string) et qu'en tant que telle
reste inamovible (ne sera pas remplacée par 'real')

<a href="#real" onclick="montrer('real')">Réalisations</a>


Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
fra
Le #26337998
SAM
Le 07/02/15 18:27, Fra a écrit :
> Soit les scripts jQUery :
>
> <script>
> function montrer(div) {
> $( "div" ).slideDown( "slow" );
> }
> </script>
>
> <script>
> function masquer(div) {
> $( "div" ).slideUp( "slow" );
> }
> </script>
>

Peut-être, préférer :

<script>
function montrer(div) {
$( div ).slideDown( "slow" );
}
function masquer(div) {
$( div ).slideUp( "slow" );
}
</script>

$(div)
sans ' ni " autour de div
pourquoi ?
parce que ici div est une variable (qui représentera 'real')

tandis que 'div' sera une chaine (a string) et qu'en tant que telle
reste inamovible (ne sera pas remplacée par 'real')

<a href="#real" onclick="montrer('real')">Réalisations</a>



Salut

Ca ne marche plus du tout quand on fait comme tu dis, même l'apparition
!...

--
Fra
SAM
Le #26338003
Le 08/02/15 12:43, Fra a écrit :

Salut

Ca ne marche plus du tout quand on fait comme tu dis, même l'apparition
!...




Alors, c'est que je ne comprends rien à ce jQuerry !
Désolé.


<a href="#real"
onclick="document.getElementById('real').slideDown('slow')">Réalisations</a>

<a href="#haut"
onclick="document.getElementById('real').slideUp('slow')">A propos</a>


Bon, en fait tu as une coquille dans ton lien 2, il y manque un "

<a href="#haut" onclick="masquer('real')>A propos</a>
<a href="#haut" onclick="masquer('real')">A propos</a>
ici : ----------------------------------^


Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
fra
Le #26338022
SAM
Le 08/02/15 12:43, Fra a écrit :
>
> Salut
>
> Ca ne marche plus du tout quand on fait comme tu dis, même l'apparition
> !...


Alors, c'est que je ne comprends rien à ce jQuerry !
Désolé.


<a href="#real"
onclick="document.getElementById('real').slideDown('slow')">Réalisations</a>

<a href="#haut"
onclick="document.getElementById('real').slideUp('slow')">A propos</a>



Cette syntaxe ne marche pas (pas d'ouverture ni fermeture de la div)



Bon, en fait tu as une coquille dans ton lien 2, il y manque un "

<a href="#haut" onclick="masquer('real')>A propos</a>
<a href="#haut" onclick="masquer('real')">A propos</a>
ici : ----------------------------------^



J'avais corrigé en fait. Mais c'est pas mieux.

Cordialement.

--
Fra
SAM
Le #26338033
Le 08/02/15 12:43, Fra a écrit :

Ca ne marche plus du tout quand on fait comme tu dis, même l'apparition



ici on te montre et permet de tester ces fonctions :

Les codes ci-dessous y fonctionnent.
Et comme je ne sais pas trop ce que tu veux faire ils comprennent des
variantes.

[script]
function cacher() { $("p").slideUp("slow"); }
function montrer() { $('p').slideDown("slow"); }

[html]
<button onclick="cacher()">cacher</button>
<button onclick="montrer()">montrer</button>

cool !


Variante 1 - que le P 'real':
[script]
function cacher() { $("#real").slideUp("slow"); }
function montrer() { $("#real").slideDown("slow"); }
[html]
/// inchangé


Variante 2 - que le P 'real' avec une fonction "générique" :
[script]
function cacher(id) { $("#"+id).slideUp("slow"); }
function montrer(id) { $("#"+id).slideDown("slow"); }
[html]
/// changer les boutons
<button onclick="cacher('real')">cacher</button>
<button onclick="montrer('real')">montrer</button>


Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
fra
Le #26338041
SAM
ici on te montre et permet de tester ces fonctions :



<http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_slideu
p_slidedown>

Les codes ci-dessous y fonctionnent. [...]



Ca y est ça marche !

J'ai utilisé :

<script>
function montrer() {
$( "#real" ).slideDown( "slow" );
}
</script>

<script>
function masquer() {
$( "#real" ).slideUp( "slow" );
}
</script>

et

<a href="#haut" onclick="masquer()">A propos</a>

<a href="#real" onclick="montrer()">Réalisations</a>


Heureusement que je n'ai qu'une div à masquer/montrer !...

--
Fra
fra
Le #26338040
Fra
> Les codes ci-dessous y fonctionnent. [...]

Ca y est ça marche !



Si tu as une idée pour mon autre pb : "Adapter un tableau d'image a
l'iphone" ça serait top.
--
Fra
fra
Le #26338050
Fra
Heureusement que je n'ai qu'une div à masquer/montrer !...



Mieux ! :

<script>
function montrer(id) {
$("#"+id).slideDown( "slow" );
}
</script>

<script>
function masquer(id) {
$("#"+id).slideUp( "slow" );
}
</script>

et

<a href="#haut" onclick="masquer('real')">A propos</a>
<a href="#real" onclick="montrer('real')">Réalisations</a>

fonctionne !
--
Fra
SAM
Le #26338061
Le 08/02/15 18:37, Fra a écrit :

<a href="#haut" onclick="masquer('real')">A propos</a>
<a href="#real" onclick="montrer('real')">Réalisations</a>

fonctionne !



Ben oui !

Leur truc est un peu tordu, mais une fois assimilé c'est plus facile ;-)




Cordialement,
--
Stéphane Moriaux avec/with iMac-intel 27" & Mac OS X 10.6.8
Publicité
Poster une réponse
Anonyme