[Javascript] Funzione con collegamenti ipertestuali JS

megafrench

Nuovo Utente
6 Mar 2017
8
0
1
30
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 :)
 

say

Nuovo Utente
20 Nov 2016
2
0
1
32
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:

megafrench

Nuovo Utente
6 Mar 2017
8
0
1
30
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:

say

Nuovo Utente
20 Nov 2016
2
0
1
32
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
Autore Titolo Forum Risposte Data
pjtertdj Visualizzazione dati in php da mysql con funzione matematica in javascript PHP 1
Laskot [Javascript] Funzione JS con parametro Javascript 4
F [Javascript] Problema funzione jquery con elementi css esterni Javascript 1
M Far partire una funzione/codice php con javascript Javascript 1
M Lanciare una funzione asp.net con javascript. E' possibile? ASP.NET 0
ivarello Attivare funzione Javascript con Jquery jQuery 0
C Un form di input e uno di output con funzione javascript Javascript 17
G ajax php myqsl - problema con funzione javascript Ajax 1
P visulaizzare eventi con una funzione in javascript Javascript 0
IClaude Funzione Javascript Javascript 8
max1974 [Javascript] Funzione Errata procedura Javascript 2
psicomia Gestione funzione in javascript in tabella richiamare"textarea" valori preimpostati in "select" Javascript 2
elpirata [Javascript] Lo script alle volte funzione altre volte no Javascript 0
R [Javascript] Rendere una funzione sempre visibile Javascript 2
A [Javascript] tabella dinamica e onchange su funzione Javascript 1
P [Javascript] Inserire una nuova condizione in una funzione Javascript 3
T [Javascript] funzione per attivare analytics... dov'è l'errore? Javascript 14
L [javascript]problema funzione per webapi Javascript 4
C [Javascript] Chiamata di una funzione da *.js esterno Javascript 1
J [Javascript] una funzione ricorsiva che non capisco come lavori Javascript 6
G [Javascript] nome da dare ad una funzione Javascript 1
ken_korn [Javascript] Portare variabile in una funzione esterna al suo scope Javascript 2
I Riportare dati funzione javascript in textbox Javascript 0
P [Javascript] eseguire una funzione dopo un'altra Javascript 0
Strato-Fortex [Javascript] Risoluzione funzione cifrario di Cesare Javascript 4
S [Javascript] Problema richiamo funzione Javascript 8
A Funzione javascript per effettuare la slide del carosello in avanti Javascript 0
Andrea Perrone funzione javascript applicata al gioco della dama Javascript 2
S [Javascript] Codice JS inline non funzione su IE Javascript 1
ANDREA20 [Javascript] funzione menu Javascript 1
U Far partire una funzione JavaScript premendo bottone in html Javascript 7
Marco_88 Funzione mouseover Javascript jQuery 3
V Chiamata funzione php da javascript Ajax 3
A richiamare funzione javascript dopo login in popup. Javascript 0
B AIUTO: come passare una variabile php ad una funzione javascript Javascript 2
F funzione javascript all'interno di un codice php PHP 38
A eseguire codice html da funzione javascript Javascript 2
D Problema nella chiamata ad una funzione javascript da href Ajax 2
G funzione javascript per passaggio valori Javascript 1
A Salvataggio dati (era: funzione penso in javascript) PHP 2
I Eseguire funz. Javascript caricata tramite la funzione Ajax di JQuery in onChange Javascript 0
I Eseguire funz. Javascript caricata tramite la funzione Ajax di JQuery in onChange Javascript 0
mkrapfen aiuto! funzione javascript Javascript 0
M JavaScript: lanciare funzione ASP per salvare dati in database Javascript 0
I javascript non carica funzione Javascript 0
D Funzione javascript che pulisca un campo input Javascript 0
F Memorizzare valore variabile da una funzione javascript Javascript 10
M Problema funzione chiamata una volta solo in javascript Javascript 1
R passare valori da funzione javascript Javascript 1
G richiamare file php da funzione javascript PHP 4

Discussioni simili