[JQUERY] toggle su id dinamico

**sOoN92** · 18-12-2011, 15:28

Salve a tutti,

premetto che non sapevo come di preciso chiamare il post e quindi mi scuso per la poca chiarezza :P

Vorrei realizzare uno script che, dopo aver ottenuto il valore dell'id dell'elemento <body>
(es. <body id="home"> dovrebbe prelevare home)

faccia funzionare questo script:

$('.click').click(function () {
$('div#home).toggle( 'explode', 500 ); });

dove vedete 'div#home' quell' "home" dovrebbe cambiare a seconda dell'id prelevato

io ho provato con una cosa del genere:

<body id="home">
.....
<div class="pages">
<div id="home">

ciao</p></div>
</div>

<script>
var currentId = $(body).attr('id')
$('.click').click(function () {
$('div#' + currentId).toggle( 'explode', 500 );
});
</script>

**cavicchiandrea** · 18-12-2011, 16:21

Due id uguali

**sOoN92** · 18-12-2011, 16:48

si l'avevo fixato e ho copiato quello sbagliato

ma comunque non funziona...

<body class="home">
......
<div class="pages">
<div class="home">

ciao</p></div>
</div>

<script>
var currentId = $(body).attr('class')
$('.click').click(function () {
$('div.' + currentId).toggle( 'explode', 500 );
});

</script>

**cavicchiandrea** · 18-12-2011, 17:08

l'elemento con classe click dov'è? Poi se la classe body la passi dinamicamente (immagino tramite php/asp) non puoi fare la stessa cosa per la funzione?

**sOoN92** · 18-12-2011, 17:38

la class click è su <a> poco sopra

per la classe su body, si sarà dinamica ma quello lo devo ancora scrivere e lo farò dopo. Ora avrei solo voluto sapere se poteva essere possibile in qualche modo prendere il valore dell'attributo class e fare che a seconda della classe che vi è in body si mostri si la classe "pages" che il suo div figlio "home"

**sOoN92** · 18-12-2011, 17:42

Risolto

**Xinod** · 18-12-2011, 18:33

perche' c'e' un' altra discussione identica??

**sOoN92** · 19-12-2011, 16:28

Ho provato a cercare e non ho trovato la discussione identica...

in ogni caso, ora riscontro un vero dubbio o problema se così volete chiamarlo:

vorrei poter far funzionare questo script:

<script>
$('.click').click(function () {
$('.pages').toggle( 'explode', 500 );
$('.home').show(500);
});
</script>

La porzione di pagina

<div class="pages">
<div class="home">
...
</div>
</div>

si carica dinamicamente con uno script php del tipo

include('header.php');
include $pagina;
include ('footer.php');

dove $pagina è il valore passato dalla variabile $_GET.

Quindi la classe ".click" è un <a> che come href ha un link del genere index.php?pagina=something

io vorrei che quella porzione di pagina con classe "home" e il suo div genitore con classe "pages" si caricasse con quell'effetto "explode" e "show" che è sopra.

Non ho idea di come si potrebbe fare.

**Vindav** · 19-12-2011, 16:37

prova cosi:

codice:

$('.click').live("click", function () {
$('.pages').toggle( 'explode', 500 );
$('.home').show(500);
});

**sOoN92** · 19-12-2011, 17:33

non è così che vorrei funzionasse.

.live() carica eventi tramite jquery stesso, invece io vorrei che cliccando sul link

"index.php?pagina=main" (ad esempio) carichi il contenuto di main.php con quell'effetto di jquery che sarebbe "explode" che prima era collegato a toggle()

Se non è possibile allora continuerò a fare il sito in html e php andasse a cag***

Discussione: [JQUERY] toggle su id dinamico

Strumenti discussione

Ricerca discussione

Visualizza

[JQUERY] toggle su id dinamico

Permessi di invio