How can I hide a div when my webpage is viewed in Lynx?

Question

My website has a div element (in form of a block) that I want to make invisible whenever a user visits the website through a text based browser like Lynx, that doesn't support JavaScript.

Basically what command or code do I need to write in order for this to happen?

score 3 · Accepted Answer · answered Oct 13 '13 at 15:46

Since you can't run javascript there, you have to not send that div in the first place for it to be invisible in the text-mode browser.

You can make a server side user-agent check and do not render that div. Lynx user agents: http://www.useragentstring.com/pages/Lynx/

score 2 · Answer 2 · answered Oct 13 '13 at 15:49

2

You can set the div invisible by default.
and make it visible in your js code.
Thus it'd not appear on a text-mode browser.

answered Oct 13 '13 at 15:49

yakiang

1,608
1
16
17

Easy and simple. Now, why didn't I think of this? Thank you! – Fredtrix Oct 13 '13 at 15:54
3

This doesn't work. Lynx actually reveals hidden HTML elements. Back to the problemsovling! Thanks for the suggestion anyway. – Fredtrix Oct 13 '13 at 21:26

How can I hide a div when my webpage is viewed in Lynx?

2 Answers2