javascript - What is an alternative to using getElementByClass for hiding multiple elements? -

-

I have a page with some links that I would like to be able to toggle with two buttons. It works with a link using getElementById, but I need to toggle some of those groups. I started with it, but it failed to work. I've heard that GetElementByClass has worked with everything but IE, but I'm using Opera 11.5 and it still does not work. I've searched a bit, but I'm new to some JavaScript and most of the explanation is not understood. Does anyone help me with a simple option, or can I help me fix the problem I've made? This is a test page I was using. 

  & lt; Head & gt; & Lt; Script type = "text / javascript" & gt; Function hideNames () {document.getElementByClass ("WebName"). Style.display = "none"; } Function ShowName () {document.getElementByClass ("WebName"). Style.display = "inline"; } & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; P class = "webname" & gt; WebName & lt; / P & gt; & Lt; P class = "webname" & gt; Exam & lt; / P & gt; & Lt; Input type = "button" onclick = "hideNames ()" value = "hide web name" /> & Lt; Input type = "button" onclick = "showNames ()" value = "show web name" /> & Lt; / Body & gt;    
 
 
 To use the appropriate code and take action on the return of your code The result from that function as an array should work fine except for very old browsers, which do not have  getElementsByClassName  (which are all versions of IE until IE 9). Instead the option can be used that are not efficient, but work by filtering through all the tags in the document.  
 If you want only one element, then use , document.getElementById ("Idvalue")  and work on an ID instead of a class name.  getElementById  is also widely supported in older browsers.  
 Here's how your code can use class names:  
  & lt; Head & gt; & Lt; Script type = "text / javascript" & gt; Function hide name () {var list = document.getElementsByClassName ("webname"); (Var i = 0; i & lt; list.length; i ++) {list [i] .style.display = "none"; }} Function showNames () {var list = document.getElementsByClassName ("WebName"); (Var i = 0; i & lt; list.length; i ++) {list [i] .style.display = "block"; }} & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; P class = "webname" & gt; WebName & lt; / P & gt; & Lt; P class = "webname" & gt; Exam & lt; / P & gt; & Lt; Input type = "button" onclick = "hideNames ()" value = "hide web name" /> & Lt; Input type = "button" onclick = "showNames ()" value = "show web name" /> & Lt; / Body & gt;   
 PS  & lt; P & gt;  Tags are displayed: Block, not Display: inline.  
 For the old browsers, the best part is that using a pre-built selector engine that will solve all cross-browser problems for you I have used YUI, jQuery and Sizzle (Sijal YUI And there is a selector engine inside jQuery). All are free and very good.  
 If you want to be the original javascript, you can also get some code for your own implementation of getElementsByClassName. Here are some sources. And.  
 
 To show you how easy it is, the whole code is for this:.  
 HTML is:  
  & lt; P class = "webname" & gt; WebName & lt; / P & gt; & Lt; P class = "webname" & gt; Exam & lt; / P & gt; & Lt; Input id = "hide" type = "button" value = "hide web name" /> & Lt; Input id = "show" type = "button" value = "show web name" />   
 The code is:  
  $ (document) .ready (function () {$ ("# hide"). Click (function () {$ (".name"), hide ();}); $ ("# show") Click (function () {$ (".name"). Show ();});});

Comments

Post a Comment

Popular posts from this blog

mysql - BLOB/TEXT column 'value' used in key specification without a key length -

-
I have developed an extension which works up to 1.6 on Magren (I'm trying Enterprise Edition, And I think the community is the same problem, because it is the same code). In my install script, I see the $ installer-> gt; CreateEntityTables ($ this- & gt; getTable ('alphanum / info')); The installation is done until it is not in the _text unit table. It crashed there! It turns out that when I log in to SQL and run it via PHPmyadmin, then this error is: Blob / Text column 'value' is used without the key 'key' . I saw the code there, and this is what is trying to create an index on the value column: -> addIndex ($ this- & gt; getIdxName ($ eavTableName, array ( 'attribute_id array (' attribute_id ',' value ')) - & gt; addIndex ($ this- & gt; getIdxName ($ eavTableName, array (' entity_type_id ' , 'Value')), array ('entity_type_id', 'value')) If there is no if statement is n...
Read more

c# - Using Vici cool Storage with monodroid -

-
Oh, for the moment I am not sure how it is officially supported, but for the success of the people Using Monodroid Vic Cool Storage I am able to leave and compile assemblies in my project, but while trying to use some classes, the errors of time have to be gathered. Especially when trying to connect like the example for Mono Touch string dbName = path. Cobain (environment. Gatefolder path (environment specialfolder personal), "mydb.db3"); // The following line will be called coolestation, where is the database, // to make it if it does not exist, and call a delegate that creates the necessary tables (only when the database file was newly created //) CSConfig.SetDB (DbName, true, () => {CSDatabase.ExecuteNonQuery ("Subscriber Integer Primary Key Attribute, Name Text (50) No, Number, Date First Text (30)");); There is no difference when I try to use the methods of CSConfig and when I cscfif If I try to pass 3 aggregates to STDB (3) then I get the invalid ...
Read more

python - referencing a variable in another function? -

-
I am an experienced TCL developer and write my own processes to help myself. I call it a proc i callVar, print out the value of the variable in a certain format, so I know that it is variable and what is the value "set foo 1; putVar foo" result 'foo = "1" I want to do the same thing in Python, but I can not find the answer :( In TCL I use the up command because when I pass the name of the variable, then I can see the value at the top. . I understand that an advanced light in the dragon There is no mechanism of r, but with its introspection capability, I would think that this is something trivial, but I am not getting the answer anywhere. It seems that this should work: and expanded: def foo (): y = "Hello World" printwor ("y") foo () y = "Hello World " You can, but you should not do so if your code is correct If is needed , then there is something wrong with your design, and you should probably use the dictionar...
Read more