When the user resizes the browser (either by clicking on the lower right or clicking the button at the upper left to maximize screen dimensions or not), how do I catch that event and then automatically issue a browser refresh? Ideally, this solution should work for both IE and Firefox.
View 5 Replies
I'm writing a script that proactively validates data input.
Under IE, throwing up an alert seems to interfere with the behavior of
radio buttons. In other words, if changing the value of the radio button
field fires the validation, the radio button either isn't set or isn't
displayed correctly after the popup is dismissed.
If I stick the error messages in a non-editable textarea field, the
textarea field doesn't get refreshed.
I tried "focus" - didn't help.
Mozilla works perfectly of course.
Im using the cycle plugin trying to make a banner slide tha is 100% the width of the window, my problem is that when i resize de window the banner does not align center, it stays somo what left align. So is there a way to keep the slides align center after you resize the window usingthe cycle plugin? or is there another plugin that i can do that? I attached a image to ilustrate, the white banner with the cat should align center when i resize the windows but it stays left align.
View 4 Replies View RelatedI'm trying to develop a function to resize a control upon window resize. In regular javascript I would make a global array of control names and append code to the event that cycles through and resizes each control.For example
var proportionalizedImages=new Array();
proportionalizedImages.push(document.getElementById(ctrl));
if (window.addEventListener)[code]....
I'm wondering if there's a more elegant way to do this in jQuery. I've played around with it a bit, but i'm unsure how to get the control object to the resize function triggered by window resize without a global variable.
jQuery.fn.resize = function(max_size) {
$(window).bind('resize', $(this), resizeTriggered);
}[code]....
I'm looking for a resize function that will resize a window around content, in my case a div.
I've googled away but not come up with anything as yet so would like to ask if anyone knows a plug in that can do this simple task.
I'm trying to scale the text with the size of the window (I've also got all the layout sizes in ems, so this should keep the aspect ratio of everything the same as the window is resized). The code that I've got at the moment doesn't do anything -
$(window).resize(function() {
var $width = $window.width() / 10;
$("body").css("font-size", $width);
});
does anyone know of a way of forcing the onChange() event of a control (it happens to be a <SELECT> if that is relevant) to fire off? (That is apart from the obvious one of changing the value with the mouse / keyboard!!!!)
I have some code which alters the currently selected element in a list and I need the list's onChange to then be fired off. The code is designed to work with many different lists, so I can't hard-code the same functionality into my code that is normally provided by the onChange.
I've tried ....element.onChange() and .....element.Change() but neither of these seem to work.
I know, frames are yucky but for now this site uses them. Problem is this, the search engines are great at putting this site in the first 2 pages but it is the page that goes in the main frame and without the frames there is no navigation. To make a long story short I used the JavaScript that I found at http://www.webreference.com/js/tips/000405.html that shows me how to force the frames to appear.
My problem is this:
When I try to implement this code on files that are in subdirectories, and there is a ton of them, it doesn't work. What it ends up doing is showing the URL like this:
I'm the Webmaster/Designer for a Private Sector Company Intranet.
Now without exaggeration we must have the most IT-apathetic staff in the world even though they all work on PCs every day!
Anyways I've been trying to get them to bookmark the Company Intranet Site as their homepage for months to no avail.
I've sent them regular emails on the importance of doing it, run articles in the Company magazine, even put a JavaScript (make this your homepage) button on the site and nothing works. I would guess that even now only maybe 20% have it as their homepage.
Bits and pieces get posted to the Intranet Site all the time and once a month I post a Team Brief which contains a lot of very pertinent and important information for the staff.
I'd like a JavaScript that I can inconspicuously force a homepage. In other words I'll link to the Intranet Site from my email and by simply clicking on this link the user will have unwittingly booked the Intranet as their homepage.
Obviously smething that will not flag up a User "Do you accept?" permission.
I have what I think is a fairly simple problem, but I cannot figure
this out. I have a SELECT object on my page. When the user performs
a certain action, I want the focus to be placed in the drop-down field
AND the actual list of drop-down objects to appear (i.e. simulating
that the user has clicked in that field). Ideally, of course, the
currently selected entry should be highlighted. Listed below is a
snippet of sample code. If the focus is currently in the text field
and the user clicks on the "Test" button, I would like the entire
drop-down menu to appear. I have not had any success with the
"fireEvent" method or the "click" method (only "focus" seems to work). Code:
Is it possible to force an entry into the browsers history without actually changing pages? I want to change the history based on a tabbed interface so that when linking away from one of the tabs a back button will return me to the correct tab or even the browser back button for that matter.
View 1 Replies View RelatedI have a JS Script which keeps pretty much a persistent connection open using AJAX, which I use for instant notifications (it scans the table for a change and then returns it when there is one) this bit works perfectly But because the connection is persistent, i cant click the refresh button or any other non ajax links until the notification returns a value is there anyway to kill all the javascript threads running the background when the browser wants to reload a page or navigate to a new one?
View 2 Replies View RelatedI'm pretty new in JavaScript, so forgive me if that's a lammer question.Here it is: I had wrote some JavaScript to dynamically resize div elements on the client side. In fact the code works fine, but when resizing multiple (nested) divs in a roll not all of them gets resized. The reason is that the new size of the parrent element is not applyed yet when the script gets started for a child!
So my question is: Is there a way (method) to force new size of the parent before i call my script for the nex element? How can I solve this?
I know you can use JS to prevent other sites from using your .html in a
frame / frameset.
Can the opposite be done ?
If your page is designed to be viewed inside a Frame / FS only;
and your page is requested, can you redirect to the Frame page, as intended ?
When the user visits a page, an iframe will be displayed. What is the best way to force the user to click something in this iframe? I suppose I could do that thing where the mouse always has a part of a div "glued" to it, so wherever they click, the certain area is clicked. But, then they could just hit the back button.
View 6 Replies View RelatedI have a snippet of code that's very straight forward. It copies the values of four form fields into another set of form fields (e.g. a billing address to a shipping address). That part works fine, but what I need to have happen is the form fields receiving the data needs to fire their onchange events. They don't do that after the values are changes programmatically. I've tried firing it manually using the onchange() method (as shown below) but that only gives me an error:
$("shipping_address").onchange is not a function
/scripts/registration.js
Line 32
how I can get that onchange event to fire?
Code:
function copyBillingAddress() {
$('shipping_address').value = $F('billing_address').strip();
$('shipping_city').value = $F('billing_city').strip();
[Code]....
Is there anyway to make a custom resize function that resizes one of my div elements on the webpage the same amount of pixels as the browser window gets resized?
View 1 Replies View RelatedI am looking to resize my entire webpage down to specific smaller resolution and add it to an iframe. I do not need it to "auto-resize" depending on viewpoint, just shrink it to a smaller size.How can I use javascript to resize the entire page to my dimensions?
View 1 Replies View RelatedI am submitting a form via AJAX. The form may either return HTML (when there are input errors) or JSON (successful response). If during request I specify "dataType: 'json'" then HTML doesn't get thru correctly, if I don't then JSON is displayed as plain text. I am sending the "application/json" header back correctly. I don't understand why doesn't jQuery just pick that up and parse it as JSON? Is there an option? Is there something I can do to make this work?
View 1 Replies View RelatedI've recently implemented this really cool jQuery preloader called queryLoader [URL]. When a visitor comes to my site they are fed all the important images for the entire site (it's a very small site). During that time queryLoader [URL] shows a percentage loading animation, and once all the images are loaded it wipes the screen & displays the website.
I've placed another custom animation in the "page loading" div, and i want to make sure it loads first so that it is displayed while the rest of the images get downloaded. I've tried pre-loading with javascript as the very first script in my header, before jQuery or queryLoader get loaded, like this:
<script type="text/javascript">
pic1= new Image(250,300);
pic1.src="images/page_loading.gif";
</script>
[Code]....
However, this doesn't seem to be that effective. When i clear browser cache and reload the page, the page_loading.gif sometimes doesn't appear until the site is almost completely loaded. Is there a more effective way to assure the page_loading.gif gets loaded before any other images?
My site is [URL]
The link will be ad generated by Javascript code.Here is a bit more detail about my situation. I am creating a web-based mobile app. In other words, the native app acts just like a set of frames that load web pages. One of the frames loads an ad. The ad is invoked via javascript provided by various mobile ad networks.On the iPhone, we are noticing the ad loads within the ad frame inside the app, instead of spawning a new browser window. We would like to resolve this w/ javascript code that forces all links (specifically links generated via javascript) to open in a new browser window.
View 5 Replies View RelatedI am distributing some files on CD. Among other files i have
download.htm and
DataFile.txt
When download.htm file executes, it shoud set the path to the download file as the path for my data file and then opens the save as dialog box when user can then select storage location.
i can use some thing like
window.document.execCommand("SaveAs",true,"YourDataFile.txt");
window.close();
Here Save as dialog appears but how i can tie the box with the file on the CD?
Also execCommand is native to IE, How can i use this same in Netscape?
I'm working on a client's site and I decided to use a slider [URL]... it can be seen there as I develop it.
Here's the problem: If you refresh the page enough times, the table that contains the slider will go SUPER wide, it will go 2400px wide in fact. 2400px is the combined width of all my images.
When I followed the tutorial here on jQuery.com that value was originally set to 99999px ... you can imagine that before I changed that value, the table forced the page out to 99999px wide ... annoying.
Why not just adjust the width to the size of one image? Well I tried that. Each image is 600x300 so I set the width to 600 the result was ... WHOOPSIBROKEIT. The images stack all on top of eachother and slide together. I've noticed that when it happens it also throws off the alignment of the top portion of the site, for instance my center tags -- I'll be looking to see if maybe something outside of the plugin is causing it.
[Code]....
i have a form that submits into an API, and one of the fields is for where the page should redirect after a successful submission.
So i'm using Javascript to take the onpage fields and make the proper redirect URL.
This method works in Chrome, and IE - however not in firefox.
better methods for this to be valid in FF?
[Code]....
p.s - what do your javascript guys prefer i wrap my code in? CODE?
We are developing a web page that shows large graphics. To provide more screen space for the graphics, we allow the user to popup a window that places itself over the top part of the browser. This popup contains a control panel that tells the main window what to display.
Because we don't want to require that the user continually ALT-TAB to go between the main window and the popup (all user controls are on the popup) in the control panel popup, we have the following:
in the function called by onLoad in the popup, the following line is executed:
window.onblur= keepFocus;
later in the .js file we have:
function keepFocus() {
self.focus();
}
The problem is that when the user tries to use a dropdown select control the list drops down and immediately rolls back up, making it inoperable. This doesn't happen in the Netscape/Mozilla family or browsers. Nor does IE report an error.
I have this code in a page that appears in my iframe if requested from parent:
<script type="text/javascript">
parent.rrr();
</script>
The parent code is:
function rrr() {
javascript:location.reload(true);
}
So, the person clicks a link from the parent, it does a php process in a hidden iframe, which then tells the parent page to refresh. The only problem is that it puts Firefox in a constant loop of refreshing. IE and Chrome work fine. They refresh once and stop.
Though the src code opens the iframe like so: <iframe src="" style="display:none; height:1px;" name="hdplus" id="hdplus"></iframe> Firefox seems to refresh the page with the memory of the child page being in the iframe, constantly looping the child request to refresh the parent.
Why won't Firefox just accept that no page should load in the iframe, as stated in the code? I need to stop this loop, which means I need to get firefox to reset the iframe as it reloads the page.
