Make An <EMBED> Tag Stay Alaways Visible On Top While Scrolling Down The Page
Feb 25, 2009
I got a page on which on the left side there is a Tree with branches, on the right side of the page i got an <EMBED> tag that shows a pdf file, User can click on tree branches to expand them and can click on the leafs to view different pdf in on the right side of the page...
The problem is that if a user expand several branches the tree grows down and than the user scrolls down the page. to click some leaf of the tree... and by doing the scroll the <EMBED> tag with the pdf becomes invisible (because the user scrolled up)..
how can i make the <EMBED> tag stay allways on top of the page even if the user scrolls down....?
My problem is I had a drop down menu for a horizonal menu bar but the drop down items are about 4 items long . It works fine for first menu item, but the second one is positioned beneath the first one because it can't fit it's menu on the same line as the previous one.
I have set the submenus to hidden meaning they are there which is why they are taking up the space the other item needs to use when it's menu item is rolled over.
Is there a way to set items so they are invisible but not taking up room when invisible?
Nothing fancy, however with that in there, the page seems to load twice in IE. It fetches the SSI header, then clears it, then loads the rest of the page 'behind the scenes', then finally displays it.
If I remove the embed, it loads the page bit by bit and you can start reading before the rest of the page is done, which is what is desired for obvious reasons.
Any idea why embed causes this? Works fine in FF etc.
While my PHP is compiling, I have a loading bar. As soon as the body of my page loads, I make the bar invisible and the page contents visible by calling a javascript function with onload event. Code: <body onLoad="loadImages()">
When I put the javascript load function in the head between script tags as below it works. Code: <head> <script type="text/javascript"> function loadImages() { document.getElementById("showme").style.visibility = "visible"; document.getElementById("hidepage").style.visibility="hidden"; } </script> </head>
However, when I place the function in an external javascript file, it does not work, which is weird because all my other javascript functions in the external file work.
I'm trying to make a "login bar", which will stay at the top of the page - but when you click it, then it opens up into a nice box. The problem I'm having though, is a weird "blip" when it tries to settle (after clicking it);[URL].. The JS is very simple - so maybe its something with the CSS thats not playing ball?
how do i make a html button stay down when pressed, until another button within a specified group of buttons is pressed, at which point it is released and the other button stays pressed?
I'm only adding this code to a few pages. I have the background changing over each linked hover, but is there anyway for me to allow one item remain that background color to indicate which page my visitors are currently on. If you can show me how to do one, I can figure out the rest. Code below.
jQuery - Scrolling browser Window. I have two demos of scrolling page content with jQuery.
This one - [url] is scrolling the contents inside a container and it works as I wanted on Mac/PC
Code:
I need the same effect as above but I need to scroll the whole browser window.
I have a demo here - [url]
Code:
Problem here is on the Mac the transition are jumpy and it seems to flash the first yellow div before sliding up or down. Testing on a PC it will slide down but won't slide up. How can I get the whole browser window to slide up and down with a smooth transition.
I understand how to make a div (table) invisible and then visible on a timer.. What I want to do is add a counter to my code and make the table flash 3 times and then stop with the table visible. all my code does right now is make the table flash on and off every 1 second. This is what I have right now:
<script language="javascript" type="text/javascript"> function magic() { var d = document.getElementById('MagicTable'); if (d.style.display == "none") d.style.display = "block";
I have a code below my concern being tht when the first text box "Name" conatins a value of "TPU" then the sexong text box "Ref Number" should be visible else should not be visible.
I mean the Whole <tr> shall be visible only if "Name = TPU"
How does one make a DIV visible if a form action is taken, such as a Radio button selected?
But here is the thing: this DIV that is to become visible and invisible upon radio clicked does not contain a simple short Text message, but instead this DIV contains many Images for selection. I mean I know how to turn on/off a DIV via Javascript command:
Code JavaScript:
But again this DIV is to contain many images and the inputs for selecting one of these images so that Javascript command will just not cut it.
Actually FF 3.6 does make it visible (if by default) but earlier versions (2) and Mozilla don't seem to. the code - this is the invokation function, the findObj is to set all lists to item 1 and can be ignored in the context of the question.
I'm not very good with javascript. My knowledge is very limited.
See, this code is going to check if a user has inputted an empty field or not. As of now, Im testing it on 'first name' text field. If the user didn't input anything (the text field is empty) and clicks submit, an asterisk will be displayed at the right side of the text field. The asterisk is only temporary. If the user clicks the text field or refreshes the page, the asterisk at will disappear.
I've googled it already and I've tried every technique I can find but I can't get this code to obey. code...
I have a script (more of a web app) which generates a customized table element. I want the user to be able to "save" this table. Thus far, what I am doing is getting the HTML of the table and displaying in a textarea for the user to cut and paste to a text editor. This is fine, except, I worry many in my target audience wont know how to use a text editor, or make plain text, or save as HTML.. etc. So I was hoping to use .js to open a new window and write in the HTML so that the users could merely do a FILE>SAVE PAGE AS directly from their browsers.
I suppose I have two questions: 1) How do I document.write to a NEW window?? 2) I have noticed that when you use.js to generate HTML, it doesn't show in the view source , thus it wont "save as" anything else but a BLANK doc. How to make generated HTML "visible" so that it can be saved.
I want to stay on page until other is loaded, with animated gif.Lets say i want javascript to do something like this:Stay on this page while the other is loaded and while page is loading play gif in this div (some div, for example loading:
I have an image that I set to have a width of 100%. I want its height to be no greater than the visible height of the browser web-page area. This could distort the image, but thats OK. To makes things difficult, the image is in a div, and I want the div to be higher than the visible area. So I can't just set the div to height of 100%, and then within that set the image to a height of 100%. I know there is a javascript way of getting the height of the entire screen (screen.height) but that includes the extra areas of the browser such as toolbars etc. I know there is a 'offsetHeight' attribute, but I think I would have to use that on the BODY tag, and the BODY of the page could be several screens in height. So is there a solution to this? If there isn't then can I detect the aspect ratio of the screen?
I have an accordion list much like the example here : [URL]. Say for instance I have page links under the heading 'Section 2' of that demo above. How can I make it so that when you visit a page from these links 'Section 2' is visible and 'section 1' and 'section 3' are closed?
At the moment I have : $(document).ready(function(){ $("#accordion").accordion({ active: false, collapsible: true }); }); <!-- start accordian menu --> <div id="accordion"> <h3><a href="#">Section 1</a></h3> <div><ul> <li>Link 1</li> <li>Link 2</li> <li>Link 3</li> </ul></div> <h3><a href="#">Section 2</a></h3> <div><ul> <li>Link 1</li> <li>Link 2</li> <li>Link 3</li> </ul></div> <h3><a href="#">Section 3</a></h3> <div><ul> <li>Link 1</li> <li>Link 2</li> <li>Link 3</li> </ul></div> <!-- end accordion menu --> </div> What I need to add to make 'Section 2" visible only?
I am having a simple textbox: <input id="myText" name="myText" type="text" visible="false" /> and a checkbox: <input name="myCheckbox" id="myCheckbox" type="checkbox" /> How can I make the textbox visible if the user select the checkbox?
I am looking for a javascript way to make a table header visible as the user scrolls down my web page. The table header is produced by php from a mysql db. The table is populated by results based on the user filter inputs.
see: [URL]
The table cells can be any width depending on the search results. I think a copy of the table header needs to be made and this would then float at the top of the page staying at the top no matter how far the user scrolls down, so that it's position would depend on the scroll bar position.
