Bootstrap Hamburgers get lost after editing Header title


#1

When I change the title of the header the hamburgers in the header get lost!

To test just open the example ‘Hamburger’ example and add this code:

Function Header1_onclick()
  Header1.textContent = "new header text hides the Hamburger!"
End Function

You’ll see that the hamburgers get lost!

I don’t know wheter it’s a bug or a feature, but it’s definitly not what I want


#2

Try entering:

name_of_hamburger_control.fadeIn(100)

after you use the Header1.textContent = command.

John


#3

I was sick a few days. Today I tested your code but wasn’t successfull.

Function Header1_onclick()
Header1.textContent = "new header text hides the Hamburger!"
Hamburger1.fadeIn(100)
End Function

Debugger says: Uncaught ReferenceError: Hamburger1 is not defined
at HTMLDivElement.Header1.onclick (code.js:21)

But the name of the hamburger is exactly “Hamburger1” !

You can easyly reproduce that error in the Hamburger-Example


#4

Hamburger1 is a child of Header1. When you change the text of the header, you wipe out the children.

You could put a Label on top the header and change that instead.