[Javascript] Funzione con collegamenti ipertestuali JS

megafrench

Nuovo Utente
6 Mar 2017
8
0
1
33
Salve, ho un Index con diversi contenuti racchiusi in dei div settati tramite css su "display:none;" e quindi nascosto. Per poter vedere gli elementi, uso la seguente funzione JS, che si attiva cliccando su un button:

function zooma(div_da_zoomare){
$('#'+div_da_zoomare).show();
}
il button (che in realta è anch'esso un div che uso come un button) conterrà al suo interno questo parametro: onclick="zooma('nomediv')"

Ora, il mio problema si presenta quando sono in un altra pagina del mio sito, e voglio che tramite un button, venga effettuato un collegamento ipertestuale all'index, e che in oltre venga mostrato uno degli elementi che tengo settati su display none, insomma vorrei che ciò che faccio sull'index possa farlo anche partendo da un altra pagina del mio sito web, tramite una funzione che effettui un collegamento ipertestuale all'index e che poi azioni automaticamente la funzione "zooma".

Ho già provato così, ma non funziona:

function zoomd(div_da_zoomare){
location.href = "index.html";
$('#'+div_da_zoomare).show();
}

Fatemi sapere grazie :)
 
Ciao, non capisco la necessità di reindrizzare alla index ma in questo caso io userei un get...
esempio :
function zoomd(div_da_zoomare){
location.href = "index.html?zoom:div_da_zoomare";
}
nella index metti questa funzione :
function rivelaGET () {
url =window.location.href;
get01 = url.split("?") || null;
if (get01.length && get01 != null){
get = get01[1].split(':');
divToShow = get[1];
$('#'+divToShow).show();
}
}
 
Ultima modifica:
Ciao, non capisco la necessità di reindrizzare alla index ma in questo caso io userei un get...
esempio :
function zoomd(div_da_zoomare){
location.href = "index.html?zoom:div_da_zoomare";
}
nella index metti questa funzione :
function rivelaGET () {
url =window.location.href;
get01 = url.split("?") || null;
if (get01.length && get01 != null){
get = get01[1].split(':');
divToShow = get[1];
$('#'+divToShow).show();
}
}

Ciao, copiando e incollando il codice senza modificare nulla, mi da questo errore quando provo a cliccare sul div che serve per avviare la funzione:

ReferenceError: zoom6 is not defined
at HTMLDivElement.onclick

zoom6 sta nell'onclick del div che devo cliccare
(div onclick="zoomd(zoom6)"
zoom6 è quindi, il div da mostrare, che si trova nell'index e non nella pagina dove sono ora...
è uno di quei div impostati su display none che devo mostrare automaticamente dopo aver fatto il collegamento ipertestuale, non so se ci siamo capiti,leggi sotto...

Invece, per quanto riguarda a cosa mi serve, ti spiego:
nell'index ho una foto di una piantina con dei pulsanti sopra.
Cliccando uno di quei pulsanti, si apre un altra foto (racchiusa in un div nascosto) che sarebbe la foto di prima zoommata in un punto, nella quale, questa volta, si vedono dei prodotti.
In un altra pagina del sito web (ad esempio prodotti.html) c'è un elenco con descrizione dei prodotti, e la funzione mi serve perchè cliccando su uno dei prodotti, che si trova su "prodotti.html", deve azionarsi un meccanismo che mi reindirizza all'index e che mi apre quella foto zoommata dove si vede il prodotto, insieme ad altri prodotti dello stesso tipo (in index.html) .

Grazie mille in anticipo :)

EDIT:
sto provando con i cookies.
Mettere nella pagina di partenza una funzione che ti reindirizza all'index e settare un cookie con valore 1. Poi nell'index, se il cookie è =1, allora si azione il meccanismo ".show" per mostrare il div nascosto...
Il problema però è che, scaricando la vostra guida con il vostro esempio:
https://www.mrw.it/script/gestire-cookies-javascript_3774.html

Quando clicco sul bottone compare un alert vuoto, e non visualizza il nome del cookie...
 
Ultima modifica:
ciao scusa il ritardo della risposta, ma ultimamente purtroppo non ho molto tempo...
allora il ragionamento dei cookie e una cosa buona... cmq l'errore e nell'identificazione del div...
se proprio vuoi fare con ''onclick'' nel html allora prova cosi
<button onclick="zooma(this.getAttribute('data'))" data='id_div_da_zoomare'>Clicca</button>
comunque... potresti fare semplicemente richiamare l'immagine con una risoluzione maggiore tramite una xhr
e poi applicarci lo zoom in css....
sarebbe piu snello :)
ma esercitati... solo con l'esercizio e tanto mal di testa arriverai ai tuoi obiettivi...
per qualsiasi cosa cmq chiedi... se mi spieghi meglio o posti piu codice magari possiamo vedere come strutturare la cosa ^_^
 

Discussioni simili