Is it possible that the z-index property for an iframe doesn't work
when the SRC attribute is linked to a non html document? (i.e. a pdf
document)
That is what I am experiencing. I have a dropdown menu and an iframe
and I want the menu always to be displayed above any object in the
page. When the iframe is empty or it has an html page within, I can
achieve this by setting the z-index property in the menu(div) higher
than the one in the iframe, but when I try to display a pdf document
in the iframe (what I really want to do), the menu is displayed below
the iframe.
I'm building a webpage using javascript and iframes. Basically I have an iframe in the middle of the index.html page that links to another html page (let's call it iframe.html). My question is, is it possible to call a javascript function from iframe.html to control an object on index.html? If so, how do I do this? I'd like to be able to assign an image in iframe.html with the hyperlink of href="javascript:function()", where the function effects the CSS of a div on index.html.
I was wondering if you could cast some light on a confusing subject. is there a way which you know of that can search through html documents and extract selected information, and display that in another (main) html document?
I was wondering if it is possible to include a xml structure in your html document. For example given the below snippet the function "dothis()" will return 0 and "dothat()" will return 1. If I can use xml in html I should be returning 1 for both functions. Code:
It appears that the html method isn't available with XML. Is there an alternate method I can use to grab a whole chunk of HTML within a portion of my XML document?
I have two div blocks of html that lists out documents for an academic year, one of which is initially display:none and the other is block. I have two links that are "2010 - 2011 Documents" and "2011 - 2012 Documents".
I want it to function such that if the 2011-2012 Documents html block is initially displayed and the user clicks on "2010 - 2011 Documents", it will hide the 2011/2012 block and display the 2010/2011 block.
I have an onclick=toggleMe(a,b) parameter on the links (a and b refer to the two blocks' ids.. the first of which is the block to be displayed and the second is the block to be hidden).
I have a page that displays in an iframe. How to get the index of the iframe in the parent window in which my page is getting displayed using javascript.
HTML Code: <html> <iframe src="A.html"></iframe> <iframe src="B.html"></iframe> <iframe src="C.html"></iframe> </html>
if I run the javascript from B.html then I should get the iframe position as 2. same way, if I run the javascript from C.html then I should get the iframe position as 3.
I have a web site which main page is index2.html I need a script that when I refresh the page it takes me to index3.html or index#.html in a random fashion. the list of index numbers is 10 so far.
I have a file that generates web galleries in Adobe Lightroom. They are generated depending on which files are selected and the metadata in those files.
Basically it is a series of pages of thumbnails called index.html index_1.html index_2.html etc.
Then a set of pages for each individual image.
An example can be seen here: [url](the page navigation links are not great, but I have addressed that, they're at the bottom >> )
Currently if a user clicks on a photo there is a 'return to thumbnails button at the top, but this always takes them to /index.html
So the user could be at a picture after browsing to /index_39.html and still get returned to /index
Is there any way I can use history.go to find the last instance of index.html Or index_x.html (where x is any number) and take them back to that instead?
I'm having difficulties to understand why the code below doesn't work. The idea is to generate an <iframe> with a higher z-index compared to an <object>. In Microsoft Internet Explorer 6, everything works fine, but Firefox/Netscape seems to have problems with this construction.
Would like to say right away that I'm a massive newbie on this and the project below is something I'm creating for others but also to help me learn at the same time. First of all I have my Index file. This contains 3 divs (MainDiv TopDiv and BottomDiv) in which I load iframes onto using innerhtml using this code.
function loadPageX(pageAddress,containerID { var el=document.getElementById(containerID) el.innerHTML="<iframe src="" + pageAddress + ""height="100%" frameborder="0" width="100%" ALLOWTRANSPARENCY="true"></iframe>"
I am just wondering if jQuery has to be included within every .html file (considering the page does not use any CMS). Is it possible to include jQuery in index.html only but have it accessible in any other page?
I am just starting to understand JAVA Script a little bit to the point where I am able to modify scripts. Thing is now I can't find anything similar to what I need to modify
I have a page which can be found in google which is nice. But people can find a lot of sub-pages as well which is nice from a PR point of view. Nevertheless I don't want people to jump in the middle. I want them all to start on index.hmtl and nowhere else. So is it possible to have all visitors who click on a search result for example in google to be redirected to index.html ? Maybe referrer based redirect?
I have been working on this and cant figure it out.I have an index.html as my main file and I wanted to have a pop-up window that will also open together with the index file. the pop-up window is a notepad like type, file name is clipboard.html.Addon: i started adding code to have the pop-up to stay on the right side of the screen and always on top.
I am trying to load a different index.html page for each different screen size that the browser has. So the page looks best at different resolutions.I am not really able to test it since I haven't finished building all the different resolution index pages yet. I am just wondering if anyone sees any glaring errors in my coding.This is my script:
<script src="javascript/stndlibrary.js"> var screendim=getWindowSize(); var screenwidth=screendim[0];[code]......
I have just bought a JS animated web template. I made changes to the file names on the splash page (index.html) and 2 landing pages www.keithmacstanton.com/dez Now everything is all messed up.
I have the below array called "results". When I loop through all document elements I would like to check "field_name" against the "results" array and see if it exists and what index number it is at??
// Split the comma delimited response into an array results = result.split("~"); //Loop through array and populate fields[code].....
I am trying to get the index of a li with a specific class. I know I'm selecting the right object because I can apply a CSS class to it (eg change border colour) but when I try to get the index it returns -1. But I know the object exists as I can alter it. :-s
jQuery(document).ready(function() { var active = $("#tertiarynavigation .bordered").get(0); var num = $("#tertiarynavigation li").index(active); alert("Index: " + num);
I am trying (although not succeeding) to load a page into a div. I have been tring to set the url property of the document i.e. 'div.document.url' but that does not seem to work.
I'm a greenhorn in SVG and javascripting but I'm learning by doing. So, here my current problem question :
I have a svg document embedded in another svg document. I whant, through functions in an external javascript file, manipulate objects in either the child svg document or the parent document. How do I get access to elements of the other document ?
Example : I have a document "A" containing X/Y - Axis and included another svg document "B" with the graphs.
I whant now, as soon as the mouse cursor is over a graph in document "B" the belonging lable which is located in the parent svg document "A" to change color or size.
Or I whant the graph in "B" to start blinking as soon as the mouse is over the lable in "A".
I don't know how cross document borders.
Can anyone give me a short exapmle to get me going?
I have an html file which contains link to 4 reports ( html files ). Instead of letting the user open one link at a time, and then printing the report , I want to print all the reports with a single button click, say on pressing a button "Print All" .
I have found out a way, in which the reports can be printed , but the print dialog box is coming up each time( eg. for 4 reports it is 4 times, and for n documents it would be n number of times ) ; which I find very irritating . I would rather prefer a single print dialog box coming up for n number of reports .
I'm having a problem trying to use a single DIV object for a popup menu when I'm using embedded IFrames. All the IFrames have the same parent document but I can't make the popup appear inside of each IFrame unless I appendChild the popup DIV to each individual IFrame document body. Should I be able to show the popup without having to reparent the popup object? Are there any tricks to be aware of?
I need to know how to call a function in a different document. At the moment I've tried onFocus but I'm kinda in over my depth. Perhaps if I tell you what I want to do you can give me the process and I'll go figure out the code?
My site is divided into two frames, top frame for navigation, bottom frame for displaying content (called "top" and "main" respectively).
"top" contains 6 images within 6 seperate anchors, that I use as buttons to switch between sections, the sections being displayed in "main". When the mouse is over an image, it changes because I use "OnMouseOver", similarly for "OnMouseOut".
Here is where I get stuck. I want a different image to be displayed as the relevant button in "top" depending on which main section is loaded into "main".
I was hoping to solve this by using "onLoad=" in each of the main pages for each section, that will call a function in "top.html" to cycle through the list of images changing the relevant image depending on the content of "main".
I can see an inherent problem here, I have to make every page (could be hundreds! - nightmare) call this function.
I have the basic parsing down no problem - I can read in an XML document and use foreach and find combinations to get to the basic elements I want to get to. The problem I'm running into is that I need to do more sophisticated parsing with multiple foreach statements: <html><head><script> $(document).ready(function() { $('#example').click(function() { $.get('[URL]', function(data) { $('#output').empty(); $(data).find('Receipt').each(function() { var $rec = $(this); ..... I want to loop through all the Receipt elements, find the SaleItem elements, and then display each part of the SaleItem parts.
I have a link that opens .doc files, .docx files, csv files or .xls or .xlsx files. i want silent printing of these files. Only one file opens at a time.
If silent printing is not possible then atleast print dialog box should open up along with the file. i am trying to implement this using javascript.[code]...
