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.

JavaScript Help

Featured Replies

Hi friends,

 

Can you please help me out with one JavaScript problem which I am facing. Acctually I have managed to put one JS in my site on which I am working but client needs it to slide down smoothly. I will highly appreciate if someone help me with it or suggest me any links from where I can download the appropriate JS this is the URL for the site "http://www.demo5.timescomm.net/".

 

Thanks

Asif

http://www.mohdasif.net

(Im a bit or a newbie with javascript).....

 

However, from a glance in my opinion - you have made the vital mistake of building your site around tables. Therefore, im not sure if you can resize the height of a TD using javascript? (if you can lucky you lol).

 

What I would have suggested is using DIVs..... when the button is clicked, you could have made a javascript that would loop a function when the button is clicked .... the looping function would gradually increase the DIV height value - resulting in an expanding menu.

 

 

As you are using tables, i do not personally know of a way you can complete this task. Maybe someone else will?

 

If not, you may be able to gain more help by running your menu's outside of a table using divs instead.

What do you think about this mootools based solution? Grab the code if you like and run :rolleyes:

  • Author

Hi Zoli,

 

Thanks a lot for replying the with the appropriate link but as being a designer I am not very good at JS so I tried to take the code from there but the function was not working. I have uploaded the code that I arranged please have a look at it to find why it is not working.

 

Thanks

Asif

http://www.mohdasif.net

test.html

Hi, I have downloaded the html file, please see the fixed one in my attachment.

The javascript should have wrapped to let browser know that it is a domready function, plus the mootools library was not requested.

Please grab the linked mootools.svn.js and save it to your webserver for further use.

test.html

  • Author

Hi Zoli,

 

I got the page duly repaired by you I appreciate your help and thanks a lot for it.

 

but one css and JS was called from the "mootools" server, can we not have the two files "mootools.svn.js" and "style.css" to run it from our system also, you can understand Zoli that the person for whom I am making this site would not appreciate it bcos he would test the site on his system locally without internet connection.

<script type="text/javascript" src="http://demos111.mootools.net/demos/mootools.svn.js"></script>

<link rel="stylesheet" type="text/css" media="screen" href="http://demos111.mootools.net/demos/Accordion/style.css" />

 

I have also attached my existing page with the JS that I uploaded to my server please also check if something could be done in that JS itself to make it smoother to slide down.

 

Thanks a lot

Asif

http://www.mohdasif.net

html.zip

I am pleased to hear that the problem is solved, everybody has its own favourite js framework, and my winner is mootools without doupts. :)

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.