Jump to content

Search the Community

Showing results for tags 'ie'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








  1. Greetings all...I have created this page with tabs and on the second tab I am trying to use iframe to emped a map application.It works, kind of, in IE 9...I get the "IE restricted this webpage from running scripts. -- Allow Block Content?" and "Only secure content is displayed. -- Show all content?" and then it loads properly.In Firefox 10.0.2 everything loads except the second tab with the map application. All I get is a white rectangle and no errors.Please help, I am a novice so please "dumbify" it for me, Thanks in advance. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Web Mapping App</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body { font-size: 75%; font-family: Arial, Helvetica, sans-serif; } ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; } ul#tabs li { display: inline; } ul#tabs li a { color: #FFFFFF; background-color: #383838 ; border: 1px solid #FFFFFF; border-bottom: none; padding: 0.3em; text-decoration: none; } ul#tabs li a:hover { background-color: #787878; } ul#tabs li a.selected { color: 666666; background-color: #808080; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; } div.tabContent { border: 1px solid #c9c3ba; padding: 0.5em; background-color: #808080; } div.tabContent.hide { display: none; } iframe#ifrm { border:1px solid #ccc; width:1100px; height:700px; margin:1em 0; } </style> <script type="text/javascript"> //<![CDATA[ var tabLinks = new Array(); var contentDivs = new Array(); function init() { // Grab the tab links and content divs from the page var tabListItems = document.getElementById('tabs').childNodes; for ( var i = 0; i < tabListItems.length; i++ ) { if ( tabListItems[i].nodeName == "LI" ) { var tabLink = getFirstChildWithTagName( tabListItems[i], 'A' ); var id = getHash( tabLink.getAttribute('href') ); tabLinks[id] = tabLink; contentDivs[id] = document.getElementById( id ); } } // Assign onclick events to the tab links, and // highlight the first tab var i = 0; for ( var id in tabLinks ) { tabLinks[id].onclick = showTab; tabLinks[id].onfocus = function() { this.blur() }; if ( i == 0 ) tabLinks[id].className = 'selected'; i++; } // Hide all content divs except the first var i = 0; for ( var id in contentDivs ) { if ( i != 0 ) contentDivs[id].className = 'tabContent hide'; i++; } } function showTab() { var selectedId = getHash( this.getAttribute('href') ); // Highlight the selected tab, and dim all others. // Also show the selected content div, and hide all others. for ( var id in contentDivs ) { if ( id == selectedId ) { tabLinks[id].className = 'selected'; contentDivs[id].className = 'tabContent'; } else { tabLinks[id].className = ''; contentDivs[id].className = 'tabContent hide'; } } // Stop the browser following the link return false; } function getFirstChildWithTagName( element, tagName ) { for ( var i = 0; i < element.childNodes.length; i++ ) { if ( element.childNodes[i].nodeName == tagName ) return element.childNodes[i]; } } function getHash( url ) { var hashPos = url.lastIndexOf ( '#' ); return url.substring( hashPos + 1 ); } //]]> </script> </head> <body bgcolor="3e3e3e" onload="init()"> <h1><font color="white">Web Mapping App</font></h1> <ul id="tabs"> <li><a href="#about">INTRODUCTION</a></li> <li><a href="#advantages">MAPPING APP</a></li> <li><a href="#usage">CITATIONS</a></li> </ul> <div class="tabContent" id="about"> <h2>About the Mapping Application:</h2> <div> <p>A peanut sat on a railway track his heart was all a flutter. Around the bend came number ten, Choo Choo Peanut butter.</p> </div> </div> <div class="tabContent" id="advantages"> <iframe src="https://apps.arcgis.com/hosted/OnePane/basicviewer/index.html" height="680" width="1080"></iframe> </div> <div class="tabContent" id="usage"> <h2>Using tabs</h2> <div> <p>Horsey horsey don't you stop, Just let your feet go clippetty clop. The tail goes swish and the wheels go round, Giddy up, we're homeward bound.</p> </div> </div> </body></html>
  2. Hi,I made a website --> http://www.pgum-sill.pl/nowa_strona/index.html In Chrome it looks as it should. But in Firefox and IE it is not.What should I change to make the website to look ok in every browser?What I shouldn't use to avoid this kind of situation? I have already checked the code of HTML and CSS file in w3 validator. Everything is correct.
  3. I've tested the code on the validator and, after ironing out a couple of errors, both the html and the css are valid, but although the page displays perfectly in Firefox it looks a mess in IE. It's at: http://phoenixchange...newIndex000.php I've tested it on Litmus and their result is the same as what I get. Ive attached two screen shots, showing the first two problems. One is of FF9.0.1 (screenshot from my machine) that shows what I want, and the other shows the Litmus test result of IE7. The three problems in IE are that: 1. The inline "menu" on the top of the grey banner and on the right of the window, slips inboard2. The content of the page drops about 150px down from the fixed grey banner3. The fixed banner isn't fixed in IE I've been being helped by dsonesuk on another thread (on another topic) but have moved it here and in case it's of interest more generally
  4. <?xml version="1.0" encoding="utf-8"?><root><marquee>marquee 1</marquee><marquee>marquee 2</marquee><marquee>marquee 3</marquee><marquee>marquee 4</marquee><marquee>marquee 5</marquee><marquee>marquee 6</marquee><marquee>marquee 7</marquee><marquee>marquee 8</marquee><marquee>marquee 9</marquee><marquee>marquee 10</marquee></root> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><script>function parseXML(method,xml,async){if(window.XMLHttpRequest){ xmlhttp = new XMLHttpRequest(); xmlhttp.open(method,xml,async); xmlhttp.send(); }else { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP") ; xmlhttp.async=async; xmlhttp.load(xml); }xmlDoc = xmlhttp.responseXML;}parseXML("GET","marquee.xml",false);function marquee(){for(var i=0; i<10; i++)document.getElementById("marquee").innerHTML += xmlDoc.getElementsByTagName("marquee")[i].childNodes[0].nodeValue+"<br />";}</script></head><body onload="marquee();"><marquee bgcolor="#FFFF99" width="300" height="100" id="marquee" behavior="scroll" direction="up" scrollamount="5"></marquee></body></html> My problem is strange. When the address is:http://localhost/marquee.htmlIt works in both FF & IE. When the address is:C:\xampp\htdocs\marquee.htmlIt just works in FF.(I'm using XAMPP at present.) In IE Developer Tool,This line: xmlhttp.open(method,xml,async); is considered: access denied What does it mean? And how can I fix it?
  • Create New...