Question

166

Javascript if/else onclick?

rated 0 times [ 173] [ 7] / answers: 1 / hits: 15522 / 15 Years ago, thu, september 3, 2009, 12:00:00

The following div's are displayed onclick. How can I make it display a different message in the div content depending onclick. I already have the javascript to display the div's Test1 and Test2. I just wanted to add the ability to also add a message to the div content. Sorry for the confusion.

<a href= onclick=showThis('test1');return false;>Test 1</a>

<div class=test1> <p>some content</p> </div>



<a href= onclick=showThis('test2');return false;>Test 2</a>

<div class=test2> <p>some content</p> </div>





<div id=content>  



<!-- if clicked on Test 1, display some message. And if clicked on Test 2, display some other message -->



</div>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tayaw

Add To Favorites

Follow

Total Points: 749

Total Questions: 88

Total Answers: 86

Location: Djibouti

Member since Sun, Feb 27, 2022

2 Years ago

tayaw questions

1 How to enable cache for getServerSideProps?

Thu, Mar 3, 22, 00:00, 2 Years ago

1 navigator.clipboard.readText() is not working in Firefox

Fri, May 7, 21, 00:00, 3 Years ago

1 Vuetify form .$refs validate is not a function

Wed, Oct 7, 20, 00:00, 4 Years ago

1 Using absolute position to place image above another image using Tailwind CSS

Sun, Sep 6, 20, 00:00, 4 Years ago

1 How to make div tag clickable with Link from react-router-dom?

Wed, Jun 17, 20, 00:00, 4 Years ago

View All

answered 15 Years ago danae · Accepted Answer

First, change:

<div class=content>

to

<div id=content>

then (without using a library like jQuery):

var showThis = function(caller){

    switch(caller){

        case test1:

            document.getElementById(content).innerHTML = Your content here;

            break;

        case test2:

            document.getElementById(content).innerHTML = Your other message;

            break;

        default:

            break; // here just in case you need it

    }

}