I have a link on my web pages that when hovered over displays some text in the form of a pop-up.However, some screens have a horizontal scroll on them, which means my pop-up has some text being displayed off the screen to the right.
[Code]...
I am trying to create a sticky form. I would like to use javascript to refresh the page using drop down selection to trigger the refresh.
The problem is I cannot get it to work. See test3.
I tried two other example that worked with a submit button and no javascript See test 1 and test 3.
Note: Below you will find 3 tests I used to identify that it is the javascript that is causing the problem. Using Win 2003 server, Php, Apache and Mysql.
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 two grids, they both display buttons. One grid displays numbers, true or false and yes or no, and the other grid displays letters, true, false, yes and no.
The second grid is not displayed in the code (used css to not display second grid buttons (.answerBtns)) Now using the getButtons() function, if the user selects button "1" in first grid (the grid which you have to open using (Open Grid) link, then it should display button "A" in second grid, if user selects button "2" in first grid, then it should displays buttons "A" and "B" in second grid, if "3" then display "A", "B" and "C" and so on.
Now except using if statements and stating which buttons should be displayed and not displayed depending on the button chosen in first grid, is there a more efficent way of coding this so that the display of buttons in second grid depends on what is selected in the first grid?
If it is using an array can somebody show a sample of this in their answer. You can just do it for one example and then I should be able to use that to fill it for the other buttons.
I 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've got a .net page with a table sitting in it that has no specified height.
I want to be able to grab the height of a specific table (ID="printIntro"). Firefox spits out a number, but IE regardless of version spits out a big fat 0.
from what i understood, IE should be able to understand offsetheight, no?
here's a snippet of a VERY simplified version of what .net generates, as you will see IE will return 0: Code:
I am working with the "sexy alert box" found here [URL] and have the code below, which pops up the sexy alert box on every page load.
<script type="text/javascript">
function test() {
Sexy.alert('Hello world!');
}
window.onload=test;
</script>
My problem is that I only want that code to show on the FIRST load for the user and every page after that it should not be showing. This will be the first time I've worked with cookies so I am a bit confused as to what to do with this code and where to edit things.
I have a page that has a hidden button at the top. When a link is clicked, the button shows. I want to write javascript so that if the button is showing, add a breakline below it and if it is not showing, do nothing. My attempt & fail is below.
<input type="button" id="listframes" value="Button" />
<script type="text/javascript">
//If the button is showing, then break line below it.. else do nothing[code].....
I am working with the "sexy alert box" found here and have the code below, which pops up the sexy alert box on every page load.
Code:
<script type="text/javascript">
function test() {
Sexy.alert('Hello world!');
[code]...
My problem is that I only want that code to show on the FIRST load for the user and every page after that it should not be showing.This will be the first time I've worked with cookies so I am a bit confused as to what to do with this code and where to edit things.
We have web pages that are generated by another process. And we wish to change UPPER CASE text into Mixed Case. In effect, using JavaScript, BEFORE the page displays, I need to read all HTML that is in the BODY area - and then replace the text (after manipulating it to change various text to Mixed Case text). Do I use the OnLoad event - and what (approximately) would go into my routine?
View 5 Replies View RelatedThere's some command I forgot that you can type into the
address field of a web browser that will cause it to
display the source code for that page instead of
the page itself. Can anyone tell me what it is?
It's something like:
viewsource:http://mysite.com
or
view:http://mysite.com
or
source:http://mysite.com
except I don't quite have it correct.
urrently I'm using this for my 'form1':
<script type="text/javascript">
$(document).ready(function() {
$("#form1").validate( {
[code]....
I'm not sure that this is a unsupported feature of IE 9 or something else.
While updating my code with newly released jQuery 1.5 IE 9 (beta) shows an error - SCRIPT438: Object doesn't support this property or method.
$(document).ready(function () {
$("<div><p>Hello</p></div>").appendTo("body");
});
Someone might answer as I do to get the message I despligue IE or Firefox ".. a script is taking longer to run, want to stop or continue .. "(something like).this happens when I drive a system of more than 15000 rows around .. I am using this js
View 3 Replies View RelatedI am trying to create a hover that displays when text is passed over by the mouse using javaScript. The hover will display a URL to a detailed report when the user hovers over the text.
View 4 Replies View RelatedI created a slideshow that displays the 5 images randomly. It is for a college project for a class I am in.
Here is the HTML for the area that holds the images
And here is the external .js file for it
I had the slideshow working completely fine... then when i finished the rest of the site and added more pages, it is now not working for me. It just sits at the original image that is loaded when they site loads.
I have previously copied and adapted Javascript examples from textbooks but yesterday I wrote my first program from scratch. The script basically displays my age on my blog in the format 'I am 20 years, 6 months and 12 days old.' The script automatically adjusts my age each day. I would love to receive some critique on my program; particularly on programming style, use of comments, and whether the code is generally well written.
Calculates the difference between the two dates, and convert into days
Calculating Years
Rounds years_old and years_old_r to the nearest whole number
Calculating Months
Calculating Days
i have two forms, one is to register and the other one is to log in. i want to have them on the same page, with the registration form displaying. And just allowing the user to click a link and show the log in form and hide the registration form.This is what i got so far, i can't get it to show the other form, it only hides both of them and displays nothing.
Code JavaScript:
<script type="text/javascript">
function toggleview(id) {
var login = document.getElementById(id);[code].....
I have a javascript script that counts down 10 minutes and displays it in the top corner. On the 10 minute time limit there is an event that directs the person to a page which logs them off.I am trying to create a 1 minute warning pop up alert window which I can get to work but the alert window itself halts the 10 minute countdown execution. Is there any ideas of getting the alert to sit outside of the execution of hte countdown. The script looks like this
Code:
// Take user here after session timed out
timedouturl = "index.php?doLogout=true";[code]......
i'm playing around with javascript and tried the following:
//a.js
HTML Code:
function oculta() {
var paragrafo = document.getElementById("a");
paragrafo.style.displays = 'hide'
}
window.onload = oculta;
//test.htm
HTML Code:
<html>
<head>
<title></title>
<style type = "text/css"></style>
<script type = "text/javascript" src = "a.js"></script>
</head>
<body>
<p id = "a" >bla bla</p>
</body>
</html>
but nothing happens, either i use 'none', or '' or even 'hide'
what am i doing wrong?
I am creating a page with a dropdown menu that has 140 countries in the list. When someone clicks on say, Algeria, an image of Algeria comes up below the dropdown with a URL below that. I got the code to accomplish that much. What I need further help on is how to make the URLs a hyperlink (all different) as well as making the image clickable so that a larger version pops up when clicked on. I'm ok with starting from scratch if there is a better way to accomplish this than what I've got. code...
View 3 Replies View RelatedFancybox (Lightbox) - Last image not working. This is a follow on from another problem I had with the same image gallery I have this simple gallery that loads images from an xml file and uses Fancybox [URL]..Everything is working but the last image is not working with fancybox. The last image just displays in it's own window. Can anyone see why the last image is not displaying with fancybox.
[Code]...
I'm trying to use an ajax function to load filenames into a text area. This works and is not the problem.Then I read the contents of the text file and create an array of file images. The images can be .jpg, .gif, etc. Again no problem.However, when I try to create new <img ...> elements with a 'createElement' function, I get major errors. I think the problem is in the 'AddImage()' function in the code below.
Code:
<html>
<head>
<title>Image Display</title>
[code]...
I'm trying to use the Cluetip plugin to display data on mouseover ofthe tr tag. The data displayed is stored in the title attribute. Itworks great in FireFox, but in IE7 the browsers default title displaysalong with the Cluetip. Am I missing an option that would allowCluetip to override the browsers default title display?
$('tr.toolTipTitle').cluetip({
cluetipClass: 'jtip',
clickThrough: true, /* Set to true for allowing click to go through
[code]....
Am using JQuery Autocomplete on my templete, but as i get the resultsthe Autocomplete only displays one item despite that the results thatare fetched have more that one item. It only shows the first item onthe list!Example:if i have a result list with ('python', 'pythonism', 'pythodus')and on the autocomplete i type 'pyt' it only displays 'python' on thedrop down!My autocomplete code:
$(document).ready(function(){
$("#tags1").autocomplete("/taglookup/", {
width: 320
[code]....