Uncaught TypeError on second onclick event using this.innerHTML -

-

Everyone, I have a very strange problem.

In an HMTL anarded list I have several list elements with the OnClick event, and they all call the same function. 

  & lt; Ul & gt; & Lt; Li onClick = "javascript: show (this.innerHTML); alerts (this.inner html);" & Gt; 1 & lt; / Li & gt; & Lt; Li onClick = "javascript: show (this.innerHTML); alerts (this.inner html);" & Gt; 2 & lt; / Li & gt; & Lt; Li onClick = "javascript: show (this.innerHTML); warning (this.inner html);" & Gt; 3 & lt; / Li & gt; & Lt; Li onClick = "javascript: show (this.inner html); warning (this.inner html);" & Gt; 4 & lt; / Li & gt; & Lt; Li onClick = "javascript: show (this.innerHTML); warning (this.inner html);" & Gt; 5 & ​​lt; / Li & gt; & Lt; Li onClick = "javascript: show (this.inner html); warning (this.inner html);" & Gt; 6 & lt; / Li & gt; & Lt; Li onClick = "javascript: show (this.innerHTML); warning (this.innerHTML);" & Gt; 7 & lt; / Li & gt; & Lt; Li onClick = "javascript: show (this.innerHTML); warning (this.inner html);" & Gt; 8 & lt; / Li & gt; & Lt; Li onClick = "javascript: show (this.innerHTML); warning (this.innerHTML);" & Gt; 9 & lt; / Li & gt; & Lt; Li onClick = "javascript: show (this.inner html); alerts (this.inner html);" & Gt; 0 & lt; / Li & gt; & Lt; / Ul & gt;

This is a javascript function: 

  function show (id) {show = document.getElementById (ID); NotShow = document.getElementsByClassName ("visible") [0]; If (type notShow! == "undefined") {notShow.classList.toggle ("hidden"); NotShow.classList.toggle ("visible"); } Show.classList.toggle ("hidden"); Show.classList.toggle ("visible"); }

For some unknown reasons, when I & lt; Li & gt; Clicks on one of the elements, but the second time when I do this, the function works fine an error:

Uncount Type error: Object function ACNL.php not Is: 31

I think the error is not inside the Java Script function, but the HTML-element that calls the function.

Any help would be appreciated!

I see some problems here. In a special order:

  • This will probably be the safest to change the internal variable name show because your function will be show (... >.
  • To avoid popularizing the top namespace, declare variables containing the keyword var .
  • You are retrieving the DOM elements by ID , But none of your DOM elements (in the example above) are id attributes. You can call them your li If you do not have visible next to these elements, you can add both < Code> Visible and hidden when you "Toggle".
  • If you type visible and hidden items, then notShow = document.getElementsByClassName ("visible") [0]; must possibly be changed, because you li Once you receive the item, you will retrieve them at visible Try to use names or element types of other classes.

This is the one to get you started (ignore the interpretation of the window which is specific to jsFiddle).


Comments

Post a Comment

Popular posts from this blog

import - Python ImportError: No module named wmi -

-
I followed the instructions for downloading WMI for Python When I try to run the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = wmi.WMI (): if Raw_input ("restart% s?"% S.Caption) .upper () == "Y": s.StartService () I got the error traceback (most recent call end): file ". \", Line 1, edit: I am using Python 2.7.6 EDIT2: I am running 64-bit Windows 2008 R2, and I've downloaded WMI-1.4.9.zip (md5). I removed the content and put it in D: Python \ Tools \ Scripts I executed dragon setup.py.install I said D : \ Python \ tools \ scripts to% PATH% and when I execute the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = Wmi.WMI (): If raw_input ("Restart% s?"% S. Caption). () == "Y": s.StartService () error me Gets traceback (most recent call final): File ". See \", line 1, & lt; Modu...
Read more

Editing Python Class in Shell and SQLAlchemy -

-
I am working on the terminal on a shell script after this tutorial SQLAlchemy tutorial. I need to type gt; & Gt; & Gt; Sqlalchemy import column, integer, string & gt; & Gt; & Gt; Class user (base): __tablename__ = 'users' id = column (integer, primary_key = true) name = column (string) absolute name = column (string) password = column (string) def __repr __ (self): return "& lt ; User (name = '% s', absolute name = '% s', password = '% s') & gt; "% (Self.name, self.fullname, self.password) After the problem I have typed the password = column (string) I hit twice and changed .... >> I then took everything back but then an error was thrown because the class already exists ... I am not completely sure how to fix it. How do I open that slip in the shell script and edit it (Add DF to DRR) The error thrown below: / user / giripeters / TFSQLLX / Lib / python2.7 / site-packages / sqlalchemy / ext / decla...
Read more

lua - HowTo create a fuel bar -

-
I would like to create a fuel bar (empty with full tank). When the user touches the screen, the fuel once Dairejh these is my code: lifeBar = display.newImage ( "fuel_bar1.png") lifeBar.anchorX = 0 lifeboats. ======================== Lifetime Y = 37 screens Group: The Insert function (called Laifbar) However, I fuel Kansmoshn (equivalent to "pressed" variable to reduce the fuel tank "true") Have used. When pressed == is true, it means that the user is touching the screen: processed (fuel) processed () if life & gt; 0 and pressed == true remains = life - life 1 Life = life =. Wide-1 remains Value.text = string.format ("% d", life) End of this This function is active as the entrance event: runtime: addEventListener ( "Antrfrem" fuel Snsadna) it is very well, but my question is: pressed variable each time 5 seconds (once = = True) How is it possible to reduce the vitality width? I tried to add it to my touch even...
Read more