HTML and CSS

Clicked Link Countdown

Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Aug 2005

Posts: 102

Reputation: martinkorner is an unknown quantity at this point

Solved Threads: 0

martinkorner martinkorner is offline

Offline

Junior Poster

Re: Clicked Link Countdown

#11

Feb 18th, 2006

•

Originally Posted by tgreer

To further enhance your script, research JavaScript arrays. As each link is clicked, you could store it's ID in an array. Then, check to see if the current ID (x.id) is alreadly in the array. If it is, they've already clicked that link. Change the text to read "please click a different link" or something like that.

You can also remove links they've already clicked. Check into "CSS visibility".

Would I use "OnClick" for these?

If yes, how do I have 3 functions in one OnClick?

If no, please help.

Sorry I'm stupid :o
Martin

•

Join Date: Dec 2004

Posts: 1,655

Reputation: tgreer is an unknown quantity at this point

Solved Threads: 35

tgreer

Offline

Made Her Cry

Re: Clicked Link Countdown

#12

Feb 20th, 2006

You can pack as many JavaScript statements as you like into a single function.

•

Join Date: Aug 2005

Posts: 102

Reputation: martinkorner is an unknown quantity at this point

Solved Threads: 0

martinkorner martinkorner is offline

Offline

Junior Poster

Re: Clicked Link Countdown

#13

Feb 20th, 2006

How do insert the css visibility command?
I tried putting it straight into javascript but this didn't work:

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<script type="text/javascript">
function visibility()
{
visibility: hidden
}
</script>
<script type="text/javascript">
function visibility()
{
visibility: hidden
}
</script>

and

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<a href="#" id="link_04" onclick="visibility();return link_click(this);">Search Engine</a><br />
<a href="#" id="link_04" onclick="visibility();return link_click(this);">Search Engine</a><br />

but this didn't work - how would I do this?

Thanks
Martin

•

Join Date: Dec 2004

Posts: 1,655

Reputation: tgreer is an unknown quantity at this point

Solved Threads: 35

tgreer

Offline

Made Her Cry

Re: Clicked Link Countdown

#14

Feb 21st, 2006

CSS declarations don't go in your scripts. They are in a separate "style" section entirely. However, your script can change a style.

•

Join Date: Aug 2005

Posts: 102

Reputation: martinkorner is an unknown quantity at this point

Solved Threads: 0

martinkorner martinkorner is offline

Offline

Junior Poster

Re: Clicked Link Countdown

#15

Feb 21st, 2006

•

Originally Posted by tgreer

CSS declarations don't go in your scripts. They are in a separate "style" section entirely. However, your script can change a style.

I've got this code in the head:

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<script language="JavaScript">
	function toggleVisibility(me){
		if (me.style.visibility=="hidden"){
			me.style.visibility="visible";
			}
		else {
			me.style.visibility="hidden";
			}
		}
</script>
<script language="JavaScript">
	function toggleVisibility(me){
		if (me.style.visibility=="hidden"){
			me.style.visibility="visible";
			}
		else {
			me.style.visibility="hidden";
			}
		}
</script>

And in the body I've got:

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<a href="#" id="link_04" onclick="toggleVisibility(this)" style="position:absolute">Search Engine</a>
<a href="#" id="link_04" onclick="toggleVisibility(this)" style="position:absolute">Search Engine</a>

This makes the link invisible when it's clicked, but it still takes up the space.

Is it possible to remove the space it took up when it was visible aswell?

•

Join Date: Aug 2005

Posts: 102

Reputation: martinkorner is an unknown quantity at this point

Solved Threads: 0

martinkorner martinkorner is offline

Offline

Junior Poster

Re: Clicked Link Countdown

#16

Feb 21st, 2006

OK - Ignore the previous post.

I just worked it out!

In the head I put:

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<script language="JavaScript">
	function toggleDisplay(me){
		if (me.style.display=="none"){
			me.style.display="inline";
			}
		else {
			me.style.display="none";
			}
		}
</script>
<script language="JavaScript">
	function toggleDisplay(me){
		if (me.style.display=="none"){
			me.style.display="inline";
			}
		else {
			me.style.display="none";
			}
		}
</script>

And in the Link I put:

 Help with Code Tags 
 HTML and CSS Syntax (Toggle Plain Text) 
<a href="http://www.google.com" id="link_04" onclick="toggleDisplay(this);return link_click(this);" style="display:block">Search Engine</a>
<a href="http://www.google.com" id="link_04" onclick="toggleDisplay(this);return link_click(this);" style="display:block">Search Engine</a>

WOW - I'm quite proud of myself for working that out!

Thanks for all your help in this thread tgreer!:lol:
Martin

•

Join Date: Dec 2004

Posts: 1,655

Reputation: tgreer is an unknown quantity at this point

Solved Threads: 35

tgreer

Offline

Made Her Cry

Re: Clicked Link Countdown

#17

Feb 21st, 2006

Note, though, that completely removes the link, instead of just making it invisible. A subtle difference. Try using "style.visibility=visible" and "style.visibility=hidden" instead. Compare the differences, and decide which you'd like to use, "visibility" or "display".

•

Join Date: Aug 2005

Posts: 102

Reputation: martinkorner is an unknown quantity at this point

Solved Threads: 0

martinkorner martinkorner is offline

Offline

Junior Poster

Re: Clicked Link Countdown

#18

Feb 22nd, 2006

•

Originally Posted by tgreer

Note, though, that completely removes the link, instead of just making it invisible. A subtle difference. Try using "style.visibility=visible" and "style.visibility=hidden" instead. Compare the differences, and decide which you'd like to use, "visibility" or "display".

Thanks, but display's the one I want.

Thanks again
Martin

•

Join Date: Dec 2004

Posts: 1,655

Reputation: tgreer is an unknown quantity at this point

Solved Threads: 35

tgreer

Offline

Made Her Cry

Re: Clicked Link Countdown

#19

Jun 28th, 2006

Sorry for the late reply. The answer is "yes". Research the CSS "display" attribute. Setting it to display: none; will cause the element to not render, which removes any space it would normally consume on the page.