Script that shows div on page when page itself is accessed from weblink only

Rudolf · 02-17-2013, 02:45 PM

Hi all!

This request may sound a bit confusing, but I am looking for a script that will show a certain div on a page, if the user has accessed that particular page from another website. However, I would like the div to be hidden if the user is accessing that page directly e.g. through his favorites, type-in in browser or via an email. Does anyone know where I can find it?

Thanks in advance.

M

Logic Ali · 02-17-2013, 03:35 PM

Try:

Code:

<script type='text/javascript'> /* Must be positioned BELOW 'myDiv' */

document.getElementById( 'myDiv' ).style.display = ( document.referrer ? 'block' : 'none' );

</script>

Philip M · 02-17-2013, 07:51 PM

Quote:

Originally Posted by Logic Ali

Try:

Code:

<script type='text.javascript'> /* Must be positioned BELOW 'myDiv' */

document.getElementById( 'myDiv' ).style.display = ( document.referrer ? 'block' : 'none' );

</script>

That works. But surely it is <script type = "text/javascript">?

Logic Ali · 02-17-2013, 10:22 PM

Quote:

Originally Posted by Philip M

That works. But surely it is <script type = "text/javascript">?

I'm sure you're right.

Old Pedant · 02-17-2013, 10:49 PM

If you want to support people who have javascript disabled, then decide whether you want the <div> to be visible or not by default.

If you want it to be invisible when JS is disabled, then be sure to specify

Code:

<div id="myDiv" style="display: none;">

(If you want it visible when JS is disabled, do nothing. It will be.)

Philip M · 02-18-2013, 08:34 AM

Quote:

Originally Posted by Old Pedant

If you want to support people who have javascript disabled, then decide whether you want the <div> to be visible or not by default.

If you want it to be invisible when JS is disabled, then be sure to specify

Code:

<div id="myDiv" style="display: none;">

(If you want it visible when JS is disabled, do nothing. It will be.)

Well, then it is hidden/visible whether they have come from another website or not.

Old Pedant · 02-18-2013, 08:51 PM

Quote:

Originally Posted by Philip M

Well, then it is hidden/visible whether they have come from another website or not.

Yes, but at least the state has a *KNOWN* default. Better than not knowing what will happen if JS is disabled. It's likely a very minor point.