I want to have a strip down the middle of the screen with my websites content as common on many web pages. I don't want to use background images to achieve the look, rather I was thing of having a div tag that would fill the entire height of the screen. I would just set the height of the div using window.innerHeight
Is there a better way to achieve the look I want?
I was trying to modify the code-slider plugin so that it would scroll panels that were the size of the entire screen. (the demo on the jquery site has it moving panels that are rather small). So I thought all I had to do was take each div that sandwiches the panel (several are nested) and set their width in code to be the width of the monitor. It did not work.
So I simplified the code to show here. I just have the divs, and their css, and the code that sets them to the width of the screen.
Here's the entire code, css, and html (its not long):
We want the panel to extend the width of the page, and eventually also figure out how to make it extend the height of the page. Then we want to put a menu on top which will scroll from panel to panel, where each panel covers the entire page. The menu would have absolute positioning, so it would stay on top.
Here is another panel, this time in Latin:
so that the top frame acts like a dedicated browser. The top window controls a selection of links pages in the lower screen. The pages linked to will appear in the lower window as well.
I have already created the frames pages using FrontPage, I just need to fill the whole screen with it and I want it set with the usual buttons found in the upper right hand corner so people can shrink it, enlarge it or close it. And I guess I'd need a foward, back, and refresh button in the top frame as well. Can anyone tell me how or if this can be done?
I would like to be able to change my webpage background image according to the screen resolution the user uses so:
if screen resolution is greater than or equals to 1200*600 then background = mybackground.jpg no-repeat code...
I have this work And if you click on a work with Opera you can see how the page moves to left and the background broke on the right side of the screen
View 3 Replies View RelatedSame 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 am trying to change my sites background color. The color changes but it doesn't go back to the first image anymore. does anybody know what the problem could be?
jQuery Code:
HTML Code:
I'm putting together a portfolio site and I'd like to use high-res images that take up most of the screen to show different works. There
would be a menu bar with links to each work, where a click on that work's link would change the background by doing a standard "dissolve"
effect.I have seen many different plugins for "rotating" images and changing background colors at the click of a button. Is there a method
specifically for this purpose? As an alternative to altering the background-image of the body itself,I would be willing to use a properly sized div (or div's) to achieve this effect.
how can fill automatically a textarea when opening a webpage.
I want to do this by a function that has been raised in js file.
I am trying to figure how to do the following:
I have 2 pages, Page 1 has a simple form with a field called "Number",
and Page 2 has a button. Whenever the button on Page 2 is clicked, the
browser will be redirected to Page 1 and have the field "Number" filled
automatically with a number which is unique to Page 2.
I am new to Javascript and don't know if this is possible. And if it
is, how to go about doing it.
i was wondering if there is a way to automatically crop a picture, or only show a specific part of it with javascript.i dont know if this is important or not, but i want the cropped picture to fill the div its in, no matter what size the div is.
View 6 Replies View Relatedsay i have:
document.writeln("0")
document.writeln("1")
document.writeln("2")
[code]....
I've a php page with two textboxes (in a form)
TEXTBOX 1
<p>
<label>
<input name="surname1" type="text" id="surname1" accesskey="1" tabindex="1" onkeyup="lookup1(this.value);" onblur="fill('surname1');" size="40" class="input" />
[Code].....
Actually, in my page, i've two text boxes and while entering some input string in the first text box, auto-suggestions comes up using AJAX and on clicking on the auto-suggested list, the value of the <li> item clicked on becomes the value of the text box. [function fill(this.value)] I want the same function for the 2nd text box too.
I'm trying to create an automated page to log me into something, so I don't have to repeat annoying procedures. But somehow Javascript won't do something I want. I want it to fill in the form and submit it, I am stuck at filling in the form. This code Should work because I found it somewhere on internet ( http:www.webdevelo...ad.php?t=134074 )
[Code]...
I'm quite a newbie at Javascript. I have a calculation form with 3 textboxes and the answer label. It's to calculate wire mesh and the first two textboxes can be the same value. What i want to do is use javascript to automatically populate the 2nd textbox with whatever the user enters into the first. Then if needed the user can change the value in that 2nd textbox.
View 6 Replies View Relatedi have written the following code in order to fill a drop-down menu with the "alt" property of images. My problem is that i want my menu be able to hold the old values. Now the new values replaces old.
Code:
function GetImages()
{
[code]....
Fang helped me out a lot by showing me a simple slick fill down script but I'm having trouble implementing it in to the MooGrid I'm using to display the data.
The error message I get is "aObj[down[col]] is undefined" and I believe the error comes from the script not finding the correct table and column to work with. I'm new to DOM tree navigation and wondered if someone could give me a hand.
The page I'm building is located here: [URL]
And the external js file that builds the grid is here: [URL]
Can I do the following with Javascript?
My state has a web site that can be used for online filing for
unemployment benefits. Every week I have to go to the site and fill in
a form, checking off the same boxes each time. I'd like to automate
this.
I need to load the URL for the login page into the browser, fill in my
username and password, and submit the form. From that page I need to
follow a link to file for benefits. There I need to fill in the form by
checking a few boxes and submit the form. This brings up another form
where I have to confirm the entries. Then finally I can select the
Logout link.
How would I go about automating that with Javascript? I don't need
someone to write the whole thing, just provide the basic processes. I
had a similar question a few weeks ago, when I was trying to create a
bookmarklet to open my web banking page and prefill the account number,
but I was never able to solve it (I'm making do with two bookmarks -- a
regular one to open the page, and a bookmarklet to fill in the account#
field once the page is loaded). This makes me think that my plan for
the unemployment page won't work either, but there's no harm in asking.
[URL]
allows you to type into the text box and using ajax query the database for relevant movies or whatever.
upon clicking the movie choice another text box appears unless you click on the Next button.
Not sure how to do this, is this done with DOM or a blur event or what?
looking for a push in the right direction to emulate this.
I've been searching for about an hour now trying to figure out how to do the following. I have a form I'm updating and I'm trying to create a checkbox or link that onclick/oncheck will update all fields in the form to the same value. I found the following code that does what I want EXCEPT I can't get it work with value[]. In the following code, MY form would have form fields like <input type="text" name=" shippingname []"> (note the []) because I'm looping thru multiple entries when I submit the form.
View 1 Replies View RelatedI would like to program a custom link for my visitors, which will fill a payment form on an external page automatically. As an ultimate goal, I would like to press a link, which will send necessary information to this external page, fill it in the right forms, and press "submit" button there. If there is no way to do all these tasks in only one linkI've tried something like:
<a
href="https://load.payoneer.com/LoadToPage.aspx"
style="cursor:pointer;"
[code]....
I have a PHP form which has an select field (i.e. drop-options) where the different options are populated from a MySQL database as follows:
<select size="1" id="category" name="category">
<option value="">Select from drop-list:</option>
<?php
$sql = "SELECT * FROM `DB1`
[code]....
Now, the issue I have is that I also have another input field (possibly hidden) in this form which is called 'category_id', and what I want it to do is to automatically populate when the user selects the relevant 'category' from the select field above.
I am looking for a way to use minimal javascript to open a popup window when the user clicks on an input field and allow them to choose one string inside the pop up window (like click on a radio button) and get the input box in the parent window filled with the value of the string. I know it's kinda standard, but I don't know much about using javascript ... so I dont know exactly what to search for ... I've seen hotmail allows you to populate your recipient input box using a popup ... I am looking to do something similar ...
View 3 Replies View RelatedTextbox to search for employees
<div id="searchform">
<div id = "courses">
<form id="searchempform" name="searchempform" method="post" "/>
<li> SEARCH <b>EMPLOYEES</b> <input type="text" name="searchemployees" class="textbox" onkeyup="searchemp();" /> </li>
</form></div>
Typed characters sent ... ajax call to another page look out for data
<script type="text/javascript">
function searchemp(){
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
} .....
Using getinfo2(this.value); I want to populated a new result to a new div. For instance the result div is populated with the employees personal information, when clicked to his id. How can I click to his same id and populated his courses information to "coursesinfdiv".