jquery page load event
I'm using jQuery on a html page.
I'm using this version of jQuery http://code.jquery.com/jquery-1.10.1.js
In my page jquery code I have this code.
This code shows a div called #div1 whenever the page load.
// after page refresh this fires
$(window).load(function() {
//insert all your ajax callback code here.
//Which will run only after page is fully loaded in background.
// show div called div 1 on page load
$("#div1").show();
});
On my page i have two divs. One has id="div1" and the other has id="div2".
Is there a way to do this?:
On the very first page load show #div1.
On the 2nd page load or any other page load after the 2nd page load show #div2 and hide #div1
Who is Participating?
Experts Exchange Solution brought to you by
"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.
Then use this code:
// after page refresh this fires
$(window).load(function() {
//insert all your ajax callback code here.
//Which will run only after page is fully loaded in background.
var yet_loaded = $.cookie("maqskywalker");
if (yet_loaded === null)
{
// show div called div 1 on page load
$("#div1").show();
$.cookie("maqskywalker", "loaded yet");
}
else
{
$("#div1").hide();
$("#div2").show();
}
});
Experts Exchange Solution brought to you by
Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.
Start your 7-day free trialIt's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
From novice to tech pro — start learning today.
-
Microsoft ApplicationsCertification: MOS Microsoft Office Specialist - Outlook 2007 Ba… 238 lessons
-
Microsoft ApplicationsCertification: MOS Microsoft Office Specialist - Word 2016 Part … 134 lessons
-
Microsoft ApplicationsCertification: MOS Microsoft Office Specialist - Excel 2007 Adva… 188 lessons
Experts Exchange Solution brought to you by
If so you are resetting state so if you want the behaviour you are describing you need to maintain some sort of state to say what has happened in the past.
My question is if you are going to do this (maintain state) then why not simply have the the server process either render out div1 or div2 depending on the state?
I suspect I am not understanding your requirement entirely - please can you elaborate a bit more.