JQuery, apparition, disparition de div

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

SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> wrote:

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

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

SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> wrote:

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

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 :
<http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_slideup_slidedown>

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]
<p id="real">Voici un paragraphe.</p>
<p>Et encore un paragraphe.</p>
<p>Et un paragraphe de plus.</p>
<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

SAM <stephanemoriaux.NoAdmin@wanadoo.fr.invalid> wrote:

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 <fra@alussinan.org> wrote:

> 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 <fra@alussinan.org> wrote:

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

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