HTML - Iframe Always In Focus
i need to keep an iframe in focus at all times, AND i need this to work in IE 5.5+ and Firefox
if other browsers are included with the same snipplet of code, i'm not going to object! i've tried the below script which keeps the iframe in focus when clicking on the base html page, but still goes out of focus when a viewer clicks on the flash object. <script> document.getElementById('myIframe').focus(); document.getElementById('flashcontent').blur(); </script> thoughts? chris<pixelmonkey> Similar Tutorialshi all, i included "http://www.mapsofindia.com/pincode/index.html" page in my web page & now want to focus on search zip code table but don't know how to focus on that table.can any 1 help. I am waiting. Hi All, In a javascript function I am getting the selected html content using document.selection.createRange().htmlText . I am manipulating this and putting it back into the page. When I did that, the focus on the selected text was removed. I guess it lost the initial text range. How can I retain the focus? Greetings All - I've been here before and plan on being around a lot more as I've bitten off a little bit more than I can chew with overhauling my school district's website. Thanks for all the help you offer! I've got the page at http://joomla.ridgway.k12.co.us looking pretty good but for some reason the sub level navigation for About Us and Secondary disappear before I can get to a link. I believe this is a focus problem, but in my efforts I can't fix it. Can someone point me in the direction where I could fix this? Thanks for your time. Hi, I'm trying to make a text input in a form automatically focus when the page is loaded. I know i can't use onLoad directly in the input tag and, searching on the web, i found that i have to use onLoad on the body element - something like this: <body OnLoad="document.myform.mytextfield.focus();"> The problem is i have multiple text inputs sharing the same name (they are cells in a table) so i can't use the input's name. But i do know it's the last element with that name (the last row in the table). So, how can i focus it? I hope you can help me, everything i tried didn't work. Thank you. I have a html table in my web page, and this table contains some input elements (like text box, btton etc) as cell data. I have implemeted a functionality to navigate through each cell by arrow keys. Now i want to set the focus to the cell data (button or textbox) with arrow key navigation. html table code snippet - <td id="testTd"><input id="testButton" type="button" value="test" onclick="alert('test clicked!!')"/></td> While navigating through keyboard i get the id of button but when i try to set focus, it does not seem to be working javascript code snippet - var td = tabMatrix[rmove][cmove].firstChild; alert(td.id); // here i get the id of button var button = document.getElementById(td.id); button.focus; any help or pointers would be of great help. For some reason when I click on my simple input box, the input box does not accept focus. Has anyone seen this before? I have tried some javascript, but shouldn't need to! Here is a link to the webpage: www laudontech com / garmin Here is my code: <form name="form1" method="POST" action="test5.php5"> </br> <P ALIGN=CENTER> <INPUT TYPE = "TEXT" VALUE ="Enter a search term" NAME="SearchItem" ID="SearchItem" onfocus="clearDefault(this)" onclick="set_focus()" > <INPUT TYPE = "Submit" Name = "Submit1" VALUE = "Find"> Thanks in advance, Mapper I have some anchor tags in my user control ...now when i use tab key from key board and navigate to this anchor and press enter it opens a new window and after i am done with this new window (let's say i close it)and again press tab key the focus is moving out to another element in the control but not back to the same anchor. Instead of key board if i use mouse click and then press tab key the focus is coming back to the same anchor. How can i set the focus back on to the same anchor while i use key board tab. I am working on an HTML form that has 4 buttons: Not Me (to signify that the information returned at the top of the form is not correct), then there are additional fields and three more buttons at the bottom of the form: Clear, Cancel and Submit. Looks like Greg Norman 44 This Lane Someplace, NN 00000 [NOT ME] Comments [ ] Donation [ ] CC Number [ ] [CLEAR] [CANCEL] [SUBMIT] I want to place the cursor in the first field, which I can do with javascript (document.getElementById('1').focus()), but when I do the NOT ME button highlights as the button in focus. If any button has to retain focus, I want it to be the SUBMIT button, not the first button on the page. However, if I control the cursor and insert it into the first field, I can't seem to get control of the button independently. I have tried many things, including assigning ID, tab order, and even creating the buttons with javascript separately, but the browser seems to demand focus on that first button even when I remove the focus from the button before placing the cursor: window.document.focus document.getElementById('1').focus() Is there a separate commend by which I can control the focus of the buttons ? Is there a way to set focus on two items at the same time (i.e., the correct button and the entry field)? I am using CSS and feildsets to define a custom look for the forms, but I assume that really doesn't make a difference. ANY IDEAS? Ok, I have a button in the main site and when it is clicked a pop up window opens and the user can navigate and do whatever. Then they can go back to the main site and click another button which is supposed to then give focus to the pop up window again (just a different part). Here's the thing: It works just fine in Safari. Whenever a button is clicked the focus goes back to the popup window, yet every other browser seems to keep the popup window behind. Any idea of how to FORCE the popup window to have focus? Thanks. I have a site I'm working on, and I have a flash demo movie that users can view. However, in Internet Explorer (so I'm told) You have to click once to "focus" on the flash movie, then you have to click again on the actual play button. You can view the problem from IE6 he (not sure about IE7) Click on the "view online demo" button below the header, and the movie slides out. http://www.jhilgert.com/EM/ I would like IE to focus on the movie without clicking, so users only have to click once to "play" the movie. Any help is greatly appreciated, and feel free to talk to me like I'm a fifth grader, I really would like to understand this. hi, i've a very simple html page, where i have an iframe. The problem is that i want to add some text below the iframe. however, my text keeps showing up on the right hand side of the iframe. i've looked at the tutorials discussing the tags available for iframe, but surprisingly, none seem to relevant to this. Code: <html> <body> <table border="0" cellspacing="10"> <table border="0" cellpadding="0" cellspacing="0" align="left"> <td valign="top"> <iframe src="mySource.jsp" height="700" width="600" frameborder="0" scrolling="auto"></iframe> </td> </table> This should be displayed below the iframe but actually gets displayed on the right </body> </html> any help / guidance in this will be much appreciated. thanks in advance! I have 2 IFrames on a page. I am going to end up with a long list of shows to catch-up on. Is there a way I can embed an IFrame with the list, and when you click on a show, you it will change the Playing Show http://tiny.cc/catchup <---The page I am referring to. Hi, I want to change the background color of my textbox on focus and change it back to white on onblur event. Issue: When i change the back ground color for text box on focus it properly changes it. But when i leave the focus from textbox border color for text box is impacted and its changed to white. Please help so that border color for textbox is not impacted only background color should change here is the sample code <code> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <p> <input name="text1" type="text" id="text1" value="textbox 1" onfocus="this.style.background ='#cad5df'" onblur="this.style.background='white'"> </p> <p> <input name="text2" type="text" id="text2" value="textbox 2" onFocus="this.style.background = 'yellow'" onBlur="this.style.background='white'"> </p> </body> </html> </code> Hi! I've been cracking my head trying to solve this: How can I insert a iframe [i.e. 300x200px] inside of another iframe [i.e. 700x500px] and pull different web content n each one? kind of concentric iframes or like a 'Donut iframe' Now here is my problem. I'm not familiar with other laguages then html and a little bit of javascript and I wanted to make a site for me and my brothers photography company. I currently using dreamweaver and have figured out the way I want to make this site. I tried using ordinary frames, but I want the website to be aligned in the middle and I could make that happen. That is why I went into iframes and a regular table on the index page. My problem now is that I have several iFrames and I want a link from one to open in another. http://www.trans4mind.com/personal_d...e/iframes3.htm here is a link for this to happen, and the simple solution is to name the frame and then target the link. but I have tried that and when the link is from one iframe to another it won't work. If the link is on the index page and target the iframe then it works. Do you have any idea why this happens? I know it's possible since the link above does it. I have a site that has 3 frames: top, menu and pgmframe. The frame "pgmframe" contains the "dynamic" content. A user signs on, and has options in the "menu" frame that allow them to navigate the site. What I would like to have happen is for the page to set focus on the "pgmframe" frame so that if the user decides to click the print button on their browser, it will ONLY print the contents of "pgmframe". I have already done some research and it seems that the only way to do this is with a print button. Is this true? If not, how can you set focus on a frame so that when the user clicks print on their browser, it prints only the pgmframe. Hi I'm making a website for a project at college and we have to insert a iframe which creates a scrollbar in the content area. But how to I add content/test to make the scroll bar work? The scroll is showing, but is showing but its faded out because there isn't any text for it to scroll down. This is the code I'm using. ><iframe frameborder="0" name="content" height="500" width="798" scrolling="yes" marginheight="0" marginwidth="0" src ="michael_1.html"></iframe> Hi - Im loading an IFrame by passing in several parameters to it, a username, password and accountID. A javascript funtion is then called to execute the login function. When the user presses the login button its like the parameters are getting lost, because it pulls up the default login window pormpting the user for their credentials. The funny thing is this only happens on occasion. Do I need to set up IE to retain cache or cookies? Code: url="https://website/value/ui/cameras.do?u=" + sUserName + "&p=" + sPassword + "&cmd=query&aid=" + sAcctID; document.all.BTIFRAME.src = url; document.all.BTIFRAME.style.visibility="visible"; Thanks, Larry Okay so i have a website and i want music to play on the website, but, if i use <embed> when the user clicks on a link, the music stops. Now i could use <iframe> but i know thats not a good idea. So is there a way to have music play and never stop until the user exits the site? also i dont want to use popups. ________ i make my own sigs I used to use iframe a few years back, however, the codes have changed. I need the code for how to place an inline frame in an exact spot (left_, top_). Can some one please help me? |