I understand the thread title isn't very descriptive, but what I am asking is hard to describe. Basically, I am linking to ID elements on the page. Once the link ttp://www.example.com/page.html#linkID is clicked, it jumps down the page to the ID.Normally, this is not an issue. However, I have a fixed position navigation panel layer above the page content. When the link is clicked, it cuts off part of the content that I want visible because the fixed position layer is covering it.Is there a way with Javascript (even better if it can be done with CSS) to control how far down the page goes once a link is pressed? For instance, can I say: On link press, go to ID and apply top: 20px; or something to the effect?
For example, I have a page: http://www.cmela.com/zz.phpWhen i open a popup by clicking "Click Here to open popup page" and then on popup window, i wanted it to transfer parent page from making a click on a pop up window.Example is at:http://www.cmela.com/zz.phpopen pop up window, and then by clicking on a link on a pop up window i wanted my parent page to go to www.msn.com
I am using jQuery (wdCalendar) Scheduler Calendar in my Website. I want to show Popup moduler of Add/Edit Event Form at the right top position of the window. But There is no functionality to change position of popupdialog.
Here's one of those things that's probably really simply once you do it once, but, unfortunately I haven't yet. I was wondering if any of you gurus could give me a minute.
I've seen sites where you can only have a certain number of pop up windows open at once. In other words if you click on one while another is open, it pops in the same window as the first did.
I'd like to have a drop-down form pass a variable to an embedded flash file. I know the basic idea of how to stop, rewind and play a flash file via JS, and I obviously know how to pass a variable into Flash, but my experience in forms is keeping me from understanding how I would use the form to pass a javascript variable to the flash file.
i have one great problem with one form. i must to know, for submmiting the form, if the user, has change the select, has select one or no. in my select i have:
if the selectd value is 0 the user has not select, if isn't 0 the user has selected one option, in this case the form is submmited. how can i controle this problemm using javascript? do you have one sample?
I'm working on controlling Windows Media Player with JavaScript. I have all my functions working but a few. I want to sync the movie so that when it finishes the movie it loads the new one.
Now I was thinking of doing something like:
function PlayNext(movie) { if( Player.controls.currentPosition == Player.controls.duration ) { // execute code to load next movie } } I have that function being called every half second and I still can't get it to sync.
i,m trying to make a map who show me as position A and a target adress as point B.I have made it so i can choose adress a and adress b from a dropdown but i want to automaticly load my position as possition A then choose position B from a dropdownlist. How can i do this ?
I'm new to javascript and am not sure why this works in firefox and not chrome. I am trying to create a script that keeps an object fixed horizontally while bing positioned absolute vertically. if I replace the toPP variable in document.getElementById('fire').style.top = toPP; with say '50px' it will move the element down 50 pxs, but how I have it currently it doesn't do anything in chrome
<script type="text/javascript" > window.onscroll = function() { if( window.XMLHttpRequest ) { var x = 0 -document.documentElement.scrollTop; var toP = String(x); var toPP = toP + "px";
#navigation li is the parent element, which is positioned relative.The ul element above that is also position relative. I previously tested a click function and was able to confirm I was getting the correct position back, so now I just need to set the CSS property correctly for all of those links.The reason I want to do this is I have a set of links that appear over a photo of a city skyline. When you hover over those items, I want them to be given a background image that is a blurred and lightened version of the same photo so it needs to line up (sort of like the tabs are made of frosted glass).
I am trying to dynamically open a popup window but ie8 blocks it with the popup blocker. basically within a ajax fuction I have a confirm button and if the user clicks yes it opens a popup window. now I tried it with a javascript function but it got blocked, so I have tried it by creating a form with a button in it and instead of calling the popup function direct I call document.form.button.click and in the form my button has onclick"popup('<? echo url; ?>')" but this also is detected as a unwarranted popup and is blocked.
now I understand that the popup blocker works when a popup is called without user interaction, but allows popups on say button clicks. how can I get the popup to work
In my application i use window.showmodaldialog() to pop up a window. When i run it in IE pop up blocker wont blocks the window... But when run it in FireFox pop up blocker will blocks the pop up window.. is there any way to open a window with out blocking(avoiding ) by the pop up blocker?
I have a HTML file that has a lot of content. In it I have a <div id="d1">somecontent</div> block. Would it be possible for me to know the position of this d1 (absolute or relative) displayed on the page / window if not setting it first ?
From a parent window, I open two child windows.In the second child, you complete some data, and then it closes the window. I'm trying to figure out how to find and close the first popup window at the same time (as that is used for reference but no action necessary on it).As near as I can tell window.open should let me set a handle that I can then reference later on to close that window (or am I misunderstanding that), but i cannot figure out how to reference that window.
As per the rather long subject, I would like to (well, my boss would like me to...) on a popup have one button to close and another to close but then redirect to another page.
I have a <img> tag in my web page that i use as button. when user will click on it, i would like to display a hidden <div> just under.
I mean by just under, that next pixel below the <img> should be the top of <div>. Moreover, the left of <img> should be the left of <div>... like that it will look like aligned.
The challenge is the following one.
my <img> is positioned by CSS file, so it can (but it is not a must) have left and top setup... maybe not.
I did a short test : if i setup in CSS file the left and top of <img>, a simple click on <img> can not retrieve the left and top of itself.
something like that i did : function ShowCalendar(id_master) { var uleft = document.getElementById(id_master.id).left; alert("Left : " + uleft); }
where id_master = id of the <img> as following : <img id='id_img' class='buttonimg' src='calendar2.gif' ></img>
So how can i solved this issue ? Moreover, position of this <div> should be in absolute coordinates, to avoid issue in browser Xsing.