All geek questions in one place

Javascript loop to hide the whole flash drive

How can I make the JavaScript loop leave all the elements <object>and hide them?

+3
source share
2 answers
var objects = document.getElementsByTagName('object');
for (var i=0, n=objects.length;i<n;i++) objects[i].style.display='none';

Update Playing with something I was thinking about before. It works in Fx with an object, but although I can get it to work in IE with a div, I couldn't get it to work in IE - even with class names on the object.

<html>
<head>
<title></title>
<style type="text/css">
object {
  display:block;
}
</style>
<script type="text/javascript">
// got some of this from http://www.javascriptkit.com/dhtmltutors/externalcss3.shtml
function toggle() {
  var mysheet=document.styleSheets[0]
  var firstrule=mysheet.cssRules? mysheet.cssRules[0]: mysheet.rules[0]
  firstrule.style.display=(firstrule.style.display=="block")?"none":"block"
  return false
}

</script>
</head>
<body>
<a href="#" onClick="return toggle()">toggle the objects</a><br />
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/tgbNymZ7vqY?fs=1&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/tgbNymZ7vqY?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>
<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/VnT7pT6zCcA?fs=1&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/VnT7pT6zCcA?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>
<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/PhMCa1_9FYg?fs=1&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/PhMCa1_9FYg?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>
</body>
</html>
+9
source

I think you can do this with a css rule like this:

html object { display: none; }

instead of javascript.

or use class + javascript

 html object.no-show { display: none; }

and use the loop to apply the class to all objects.

or switch class to body:

html body.hide-object object { display: none; }

this is with javascript without a loop.

+2
source

Source: https://habr.com/ru/post/1783356/

More articles:


All Articles