We Keep Coding

Multiple buttons function to expand and hide div section with javascript

Hope everyone is having fun on this fun (or frustrating 😂 like me) coding day. So, I came across a problem and was hoping someone could help guide me to the right solution. I want to set it so that when I click on the “read more” button, it adds the “active” class and would expand the paragraphs.
I was able to do a loop function for multiple buttons on the page, but when I click on one, it affects all the buttons. I know this is a looping problem but I have not figured out a way to solve it.
What I’m trying to do is basically only have the button I click on add the class, without it working on all the buttons on the webpage. I intend to add more buttons to the page, so if anyone has a better solution or knows of a looping method (cause I’m pretty sure the looping I’m using is the wrong way), please help.
Please see the video for what I mean when I click on one button, both buttons get affected by it.

Change items in drop down box in Wordpress Website

I am new to Wordpress, and I am attempting to build a website using it. I am trying to create a contact us page. What I am trying to do is almost exactly what Amazon's Contact Us page does.
I am going to display some buttons, and when the user clicks the button, I want data that is in a dropdown box to change so the user can click on an item in the dropdown box. I have no clue how to achieve this in WordPress. I have searched, but I don't think I am wording my searches correctly, and I am not sure if regular websites would work the same. I can't even figure out how to make my own PHP or Javascript's in WordPress, I am looking more into that now.
Any help would be appreciated! Thanks!

I suggest you to use Contact Form 7 to build a contact page.

How to organize overlapping javascript onclick events in overlapping divs

Especially on smaller screens like iPad and iPhone it happens that a click on a element does not only trigger the "onclick function of the actual script but also the "onclick" function of the javascript of the underlaying div.
On my homepage http://www.somersetsights.co.za/en/index.html for example on a iPad a click on the like button activates the FB Like dialog and a click on the OK button of this Like dialog triggers the start of a movie from the slideshow function underneeth the Like dialog.
I tried to find a solution by googling this problem but struggled to find something. I am not a beginner but I am also not a experianced javascript programmer. Help would be very much appreciated.
Peter

Maybe that could help you : http://www.quirksmode.org/js/events_order.html
Tell us if you use jQuery or another JS library.

Image gallery that refreshes page

I want to build or find a image slider/gallery that will refresh the page whenever the next button is clicked (to increase page views/impressions). I know that it is possible to refresh the page on click with JavaScript or Jquery but the problem is that the JavaScript is reset and begins at the first slide. I read that it may be possible to achieve this by storing the active slide variable in a cookie. Does anyone know of a gallery that does this? or something similar that I could reference? or any other way I can achieve the desired result?

I think you just need to add this function to your next button (when clicked):
location.reload();
Hope it solved the problem, best regards :)
EDIT: Sorry, yes it does reset the slide. What if you create an HTML gallery? you won't have any problem, and I find it easier / quickier... Sorry for not solving your problem...

ASP.NET: Help button

net APPLIATION dashboard, i need to provide help icon on the screen. For that i have few option as follows
I can use AJAX modal popup and register usercontrol having help content and show it on modal popup control on click of help button
I can use javascript buble tooltip for help on mouse over/enter of help icon.
Can you suggest me right approach

There is never a "right" or "wrong" approach, certainly not in a clear-cut fashion. What I personally would do is use jQuery to provide a client-side modal (or modeless) dialog and populate the dialog via AJAX. In this regard I could have a dynamic help page loading help from a database and I wouldn't have to reinvent the wheel on each page so to speak. jQuery.UI has a decent modal dialog that would work well in this situation so long as you coded up the rest to pull the content.

I would also go with a jQuery/JavaScript type popup, I think a correct approach might be to only load the content when its required, ie on icon rollover or on click to reduce overhead.