html - javascript toggle needs to stay -


hi guys need javascript, have toggle function text, waht can see on www.jasperscheper.nl want make text stay when double click on over mij , home.

this code: 

var bannertext1 = document.getelementbyid('bannertext1');  var bannertext2 = document.getelementbyid('bannertext2');  var displayedbannertext = 1;    function togglebannertext() {    if(displayedbannertext == 1) {      // switch bannertext 2      bannertext1.classname += ' hidebannertext';      displayedbannertext = 2;      bannertext2.classname = 'welkom';    } else {      bannertext2.classname += ' hidebannertext';      displayedbannertext = 1;      bannertext1.classname = 'welkom';    }   }
<li class="knop" >        <button class="button" href="#"onclick="togglebannertext()"> <h3>home</h3></button>   </li>  <li class="knop">     <button class="button" onclick="togglebannertext()" href="#"><h3>over mij</h3></button>  </li>

thanks in advance,

jasper scheper.

problem: calling function togglebannertext() every time there click on of buttons, there no button's click events distinguished, every click assumes need show other text 1 shown.

solution: change html pass parameter function saying section wants show. eg: togglebannertext('home')

<li class="knop" >     <button class="button" href="#"onclick="togglebannertext('home')"> <h3>home</h3></button>  </li>  <li class="knop">  <button class="button" onclick="togglebannertext('over')" href="#"><h3>over mij</h3> </button>  <!-- there typo had </a> here changed --> </li>

now change function accept parameter , show particular text .

function togglebannertext(section) {   if(section === "over") {     // switch bannertext 2     bannertext1.classname = 'hidebannertext';      // have removed +       bannertext2.classname = 'welkom';   }    else if (section === "home"){     bannertext2.classname = 'hidebannertext';      // + has been removed      bannertext1.classname = 'welkom';    }   else{     // none of 2 buttons clicked.   } }

i have tested code against site , working fine


Comments

Post a Comment

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

i getting "__type": "com.amazon.coral.service#serializationexception" as reply in postman & in test console in api gateway trying post record directly dynamodb using api proxy services.. referring aws article - https://aws.amazon.com/blogs/compute/using-amazon-api-gateway-as-a-proxy-for-dynamodb/ here's mapping { "tablename": "tablenamegoeshere", "item": { "id" : "$context.requestid" "eventname" : "$input.path('$.eventname')", "timestamp" : $input.path('$.timestamp'), "answers": "$util.parsejson($input.path('$.answers'))" } } update: did asked ... , worked if try add array of json objects gives me above same error - here's trying now. please - couldnt find on google well #set($inputroot = $input.path('$')) { "tablename": "answer", "item": {
Read more

asp.net - Problems sending emails from forum -

i have been redesigning site has message board, has been written guy looked after site. it has few problems , written in .asp , uses .mdb files database. you can see whole thing here . feel free post if helps, test thing have set using original files , new database. the basic problem when posts message, supposed email sent them, have posted it. when replies, originator supposed message, replier has been posted. i’d have thought @ point in process there should script/file in postmessage.asp? the postmessage.asp page below. <% option explicit %> <!-- #include virtual="common/adovbs.inc" --> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1252"> <meta name="generator" content="microsoft frontpage 4.0"> <meta name="progid" content="frontpage.editor.document"> <title>new page 2</title> <base target="_self"
Read more