I was wondering if there is a way to check if a div is above the top of the screen.
What i am trying to do is.
I have a Div about 150px from the top and i want when this Div at 0px from the top to move down with the top of the screen
I'm having trouble making this work. I have this script inside a .js file. I haven't specified a height in the .css file for #cellsouter, so the script can take care of it. I've tried adding curly brackets and semicolons but it's not playing ball
Code:
if (screen.height<=960)
document.getElementById("cellsouter").style.height="55%"
[code].....
Same thing for the height parameter; for to set in the centre some popup with images what is better? what are the difference?
View 6 Replies View RelatedI have 2 monitors from a different size. It is important in my application that I get the screen size of the monitor where the webbrowser is located. When I try to get the screen size (window.screen.height + window.screen.width) only IE gives me always the screen size of the main monitor where my taskbar (windows7) is located, instead of the screen size of the secondary screen where the webbrowser is located.
View 6 Replies View RelatedI have a div that has a negative top margin and a negative right margin. The right margin is because I want to have the div slide onto the page from the right. The top margin is because without it my page height is the height of the visible elements plus the height of the off-screen div.On a button click, I move the div down and then animate it onto the screen from the right. On button click again, I animate the div to the right, off the screen, and then move it up. I also toggle its width & padding so it will appear to grow/shrink as it moves on/off screen. At least that's what I am trying to do. The animation onto the screen looks good, but going off the screen, it appears to happen intantaneously, instead of animatedDoes anyone know how I can fix this?
$(".addPanels").live("click", function(){//now and in the future, show the add panels menu
var thisAddPanelsMenu = $(this).parent().prev(".addPanelsMenu");//get the addPanelsMenu
if(thisAddPanelsMenu.length) {//if the addPanelsMenu exists
[code]....
I want a function that when you check on a check box another check box appears.
View 10 Replies View RelatedHere is the HTML: [URL] I'm trying to uncheck the selected radio button, then set the value to 1 (Yes), basically overwriting theinitialvalue to 1. I've looked at prop(), val(), and attr(), and just don't know where to start. Should I select $('#set_q157 input') or$('#set_q157 input:radio'), or each individual radio?
Do I need to each them, and check if its checked, then change its value, or is there a way to select all three inputs as just one radial button? It would also need to work if the input has not yet been checked.
i have a list of checkboxes, the number of checkboxes is dynamic. All the checkboxes have same name. i am trying to get the length of selected checkboxes.
<input type=checkbox name=name1 value=1>
<input type=checkbox name=name1 value=2>
........ get dynamically.
when i try to get the length in javascript like document.form.name1.length, it works fine if number of checkboxes selected are more than 1, but not for 1.
I have a code that I got from a tutorial website. The goal is when someone clicks the first check box with the value of yes then the two other sets of check boxes will autmatically be checked for no.
The issue is their are three sets of 2 check boxes each.
So here is my code code I am trying to use
PHP Code:
Here is my form code
PHP Code:
So Ideally when a representative clicks that the customer has three services (clicks the Yes checkbox) all the other checkboxes will default to No.
How I would change the above javascript to do this.
I am a php programmer and not a Javascript programmer and I am trying to help a friend out with his shopping cart. The original programmer (who wrote this years ago and is no longer around) has a button that looks up the quantities in the database for the submitted items, and then displays a prompt if you selected a quantity that is less than the minimum purchase amount.The issue is if the user enters a smaller amount than allowed and hits the enter key instead of the "Buy" button, it allows the order.how to use the current code to also check for an Enter key submission.I can handle the PHP and the db lookup for minimum quantities. Here is the page code and the Javascript code.
Code:
<a href="javascript:checkQuantity(document.form<?php echo $formCount; ?>,
<?php echo $row_rsProduct['lotQty']; ?>,
[code]....
I have an .asp page for my customers which does just accepts e-mail information and passes this information to another .asp page. But before passing the info, a javascript checks whether the entered e-mail does match some certain rules. Rule1: If any input has been made at all, Rule2: If an "@" sign is there, if the"." is there and so on. upon pressing the submit button, the first rule works but the second rule does not. Could not figure it out why.
[Code]...
It is the function control() which validates the e-mail field. But it just validates whether the e-mail has been entered or not. The second check (with the @ sign) is not being made.
I'm working a bunch of pre existing code on a CMS. Just after a quick fix. Doing a show/hide thing on a particular div somewhere on the page depending if a checkbox is ticked or not.Currently there is 3 checkboxes that are dynamically added through the CMS. Here's simplified version of the form:
<form id="simplesearch" name="simplesearch">
<input type="checkbox" onclick='showhidefield(this.value)' name="meta_data_array_search_criteria[custom_profile_type][]" value="5" class="input-
[code]....
<input type="checkbox" id="priority" /><span class="presult">0 USD</span>
I want when checkbox is checked, the span will have 500 USD. When checkbox is unchecked the span will return 0.This is what I've got, have no idea why not work.
Code JavaScript:
if ($('#priority').is(':checked')) {
$('.presult').text('500 USD');
[code]......
i need to check to see if my check box is checked, here is my code...
echo "<form id='form1' name='form1' method='post' action='".$href."' onsubmit='return checked_room()'>";
while($row = mysql_fetch_assoc($res))
{
[Code]....
now for some reason i can't get the javascript to work within the function.
How can i select max 2 check box from 10 check box.following code i used for check box
PHP Code:
<input type='checkbox' name='r1[]' value="<?php echo $bno;?>"?>>
What code can be design in JS
I have created a ticket system where users can submit their problem. After several month of experience it appears that offering a zone to paste a screen shot will be ideal. Is there anyway to acheive this without pasting to a word doc, and upload it?
View 5 Replies View RelatedHow would I animate a something across a screen?
View 2 Replies View RelatedI know nothing about JS, except you can get the user's screen size and colors. How can I add on the end of calling an image like this:
<img src="track.php3?size=800x600&colors=bla">
I would like to be able to have my "page" online be at a 45degree angle, rather than 90degrees... does that make sense?
As in if something is square, use photoshop ctrl-t to rotate the square object to 45degrees rather than 90. Can I do this in a browser window?
There must be an apostrophe or some other little javascript nuisance that I'm still including in this script, but whenever I try it out, nothing shows..it is supposed to randomly display some text and a link Code:
View 2 Replies View RelatedI am using this script
"function openFullscreen(page) {
var yes = 1;
var no = 0;
windowprops = "width=" + (screen.width-10) + ",height=" + (screen.height-50)
+ ",top=0,left=0";
windowprops += (menubar ? ",menubars" : "") +
(scrollbars ? ",scrollbars" : "") +
(locationbar ? ",location" : "") +
(directories ? ",directories" : "") +
(resizable ? ",resizable" : "") +
(statusbar ? ",status" : "") +
(toolbar ? ",toolbar" : "");
window.open(page, 'fullPopup', windowprops);
}"
to open a window full screen, but when this window is hidden and I want to re-open it, I can't ..?
I was wondering if it is possible to maximise a screen in javascript.
right now, I use this code:
A HREF="heritage.html" onClick="msgWindow=window.open
('heritage.html','fullWindow','toolbar=no,location =no,directories=no,status=
no,menubar=no,scrollbars=yes,resizable=yes,width=8 30,height=630'); return
false" onmouseover="window.status='open site in full screen' return true"
CLASS=TP>open full screen</A>
, but I was wondering if we can fill the entire screen?
im building a web application in asp.net. i was wondering if there is a
way to set the screen size automatically on the clients monitor to
1024*768 when they enter the application and return it to its original
size on exiting the application.
I"m looking for a cross-browser (Firefox 1+, IE 6+, Safari whatever+) to calculate the width of the viewable browser area. Note that this is different than the screen width, which would always stay the same value, even if you started resizing your browser.
View 1 Replies View RelatedI am working a project where I am using two monitors and using
HTML/Javascript to display the information I want.
I have my main stuff on the main monitor, but when each page loads, I want
an image to load fullscreen on the second monitor as well. I am using
800x600 resoution on both.
If I use:
function openWindow()
{
mainWindow = window.open("thispage.htm","pagename","fullscreen=yes");
}
that works fine for the main monitor.
I have then tried to use the second monitor to open an image by using the
same type of thing:
function imageWindow()
{
openImage = window.open("image.jpg","imagepage","fullscreen=yes");
openImage.moveTo(801,0);
parent.focus();
}
I am trying to use it with the onload command as well:
<body onLoad="imageWindow();">
I am passing arguments to these functions but simplified it here.
Anyhow it will only open it full screen on the first monitor. I can position
it and move it to the second monitor if it is not full screen just fine.
I'm starting to know how many advantages has JQuery for developers. I'm trying some experiments, and the other day I saw the "iGoogle" interface, where users can move the gadgets around the screen, and
this stuff liked me very much. That's why I want to ask to the community if anybody knows if there is some plugin or library in JQuery to do the same effects and allows the programmer to move a div from one point of the screen to another one and fix it.