is it possible to do something like this? first... the visitor goes to... www.mydomain.com and on that page there is a link... that goes to: www.mydomain.com/?view_hidden_html so basically... I wanted to have all page1 and page2 coded on www.mydomain.com html file... I just do not want to display the page2 yet until the visitor clicks on the link... I have noticed it on some similar occasion that when you click a link it scrolls up or down to an html element... but basically this displays "ALL" element... I wanted mine to hide all other elements until the user clicks on a link... then the hidden element appears and replaces the first element
You could play with CSS pseudo classes :active or perhaps :target for that? https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes
If you are using PHP it's really quite simple check to see if the $_GET variable exists and echo out content accordingly.
Depends on whether or not it's important that the hidden content isn't even shown in the source code or not. If it can be in the source code, you can easily do this with javascript.
thanks guys... how about hidden from a source code as well? and also... it will be on blogspot... so I think php is not an option?
In blogspot you can hide it but someone clever will always be able to find it. If you are serious about your content and your site you wouldn't be on blogspot anyway You can use javascript to check the variables and then write content and hide the content in a js in dropbox and it would be hard to grab but not impossible.
I haven't played with templates in blogspot in years but whenever I review one it seems that people put the javascript in the page. Presumably you can also link to a file called mysecretstuff.js that you've saved in a public dropbox folder In mysecretstuff.js you'd have function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("="); if(pair[0] == variable){ if (pair.length == 1) { return true; } else { return pair[1];} } return(false); } function getSecretStuff(){ var e = document.getElementById('secretspot'); e.innerHTML = "What you want to hide"; } function getPublicStuff(){ var e = document.getElementById('secretspot'); e.innerHTML = "What anyone can see"; } if (getQueryVariable('view_hidden_html')) { getSecretStuff(); } else { getPublicStuff(); } Code (markup):