Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Dreamweaver slide and visibility issue.

Featured Replies

I was playing around with my home page, and i intended to have a sort of splash screen that showed when the page loaded (on top/replacing the original content)

 

http://www.bhavikmorar.co.uk/home2.html

 

The first bit works as i intended it to - i.e. i have that original element at the front using z-index and absolute positioning. Clicking anywhere on that element correctly fades away that div element, showing whats behind it.

 

The trouble im having is that its still *there* - if you click again on the text that shows, it tries to pull off the animation again.

I hoped that something like:

 

document.getElementById("intro_collapse").style.visibility="hidden"

 

would fix it, but first, i pretty much know nothing about JS; secondly, when the element is clicked it hides that element straight away instead of doing the animation.

 

I hoped that i could do something with the Z index after that animation had finished, so that clicking in that area did nothing, or doing something with the visibility of that object - but i dont know what im doing now :huh:

 

Can anyone help?

 

 

---

additionally - ive already got mootools running for my slideshow (on another page), so im not sure how this might affect any solution that involves a different library. ty.

  • Author

I have managed to find a solution to this problem (www.bhavikmorar.co.uk) (the page is now my index page) by introducing a separate clickable area rather than having the whole thing act as a button.

 

Im just curious now as to how robots (such as Googles spider bot) would behave on the site (and in general).

I.e. Do they read the source code? Or do they have a method of reading the visible text on a page (in addition to meta tags)?

 

Im wondering because on load, the text on my index page (the stuff thats hopefully going to get my site into returned search hits) is hidden visually by the div element in front of it (with a higher z-index) - or does this not affect the bot?

This shouldn't affect the bots at all.

If the content is in your source code, they'll read it.

  • Author

Fantastic, thanks for that reply lol - im kinda glad nobody replied to my first post because i like the solution i found xD

Still no better when it comes to JS though :S

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.