Pass JS variable in query string

I have few divs and images on a page. Clicking on any image shows the respective div and hide other. This is being done through js function. By default div one is open. Now if my visitor is on div 3 , I would like to have an image clicking on that image should refresh the page with div 3 open. I also want to auto refresh page after 3 minutes opening same div on which user is.

I am using PHP and javascript.
function togLayer(id) 
{ 
if(currLayerId) setDisplay(currLayerId, "none"); 
if(id) setDisplay(id, "block"); 
 
imgid = 'img' + id;
var imgelm = document.getElementById(imgid);
var previmg = document.getElementById(previmgid);
 
 
if (previmgid == imgid)
	{
	
		imgelm.src='images/open_' + id + 'over.jpg';
		imgbool=id;
	}
else
	{
	
		imgelm.src='images/open_' + id + 'over.jpg';
		subid = previmgid.substring(3,15);
		previmg.src='images/open_' + subid + '.jpg';
		imgbool=id;
	}
 
 
currLayerId = id; 
previmgid = imgid;
}

Open in new window

Naveed_ManzoorAsked:
Who is Participating?
 
Naveed_ManzoorAuthor Commented:
This didnt work . I need to close it now.
0
 
neeraj523Commented:

save current open div id in cookies and keep on updating this cookie everytime user switched slide.. On refresh, check for this cookie value and show current slide..

note: keep cookie expiry at the end of session..
0
 
Naveed_ManzoorAuthor Commented:
Can I not pass js var in query string  ?
0
Cloud Class® Course: CompTIA Cloud+

The CompTIA Cloud+ Basic training course will teach you about cloud concepts and models, data storage, networking, and network infrastructure.

 
neeraj523Commented:

you can but that will attract lot of changes to the code and everytime, you will have to preserve that variable..
0
 
Naveed_ManzoorAuthor Commented:
can you provide me cookie setter and reader code ?
0
 
Michel PlungjanIT ExpertCommented:
Use the hash

location.hash="#div3"
0
 
Naveed_ManzoorAuthor Commented:
mplungjan
can you please provide me details of using hash
0
 
Michel PlungjanIT ExpertCommented:
0
 
Naveed_ManzoorAuthor Commented:
i have hash for all my links. Now I need a button that refresh the same page with hash of the page. That's what am trying to do .
<A HREF="openqportal.php getLocationHash()"><img src="images/iconRefresh.jpg" alt="" name="Refresh" width="28" height="38" border="0" id="Refresh"  /></a>

how can I concatenate hash value with page name ???
I want to makew this link .... penqportal.php#bus
0
 
Michel PlungjanIT ExpertCommented:
You mean
<A HREF="openqportal.php" onClick="location.hash='#bus'; return false"><img src="images/iconRefresh.jpg" alt="" name="Refresh" width="28" height="38" border="0" id="Refresh"  /></a>

or just

<A HREF="#bus"><img src="images/iconRefresh.jpg" alt="" name="Refresh" width="28" height="38" border="0" id="Refresh"  /></a>
if you are already in the page or
 
<A HREF="openqportal.php#bus"><img src="images/iconRefresh.jpg" alt="" name="Refresh" width="28" height="38" border="0" id="Refresh"  /></a>

if you are in another page

0
 
Michel PlungjanIT ExpertCommented:
If you need to actually LOAD the page again, then that is something else
0
 
Naveed_ManzoorAuthor Commented:
I am on same page but need to reload the page with hash value like
<A HREF="openqportal.php#bus">
<A HREF="openqportal.php#med">

This med and bus I have to get from url. Function for getting hash is getLocationHash() (I am using). Now I have to form a url like pagename + hash value  <A HREF="openqportal.php#med">.
0
 
Michel PlungjanIT ExpertCommented:
so
<A HREF="openqportal.php" onClick="location.replace(this.href+getLocationHash()); return false"><img src="images/iconRefresh.jpg" alt="" name="Refresh" width="28" height="38" border="0" id="Refresh"  /></a>

0
 
Naveed_ManzoorAuthor Commented:
This is not working. Its doing nothing. I need te reload the page too
0
 
Michel PlungjanIT ExpertCommented:
That is sort of defeating the point of using HASH, then just use query string

But if you need, try this

<A HREF="openqportal.php" onClick="location.hash=getLocationHash(); location.reload(1); return false"><img src="images/iconRefresh.jpg" alt="" name="Refresh" width="28" height="38" border="0" id="Refresh"  /></a>

0
 
Michel PlungjanIT ExpertCommented:
So close it
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.