I'm currently trying to hide my navigation button when it hides the end of the list, right now I currently have:
Previous / Next (they are about the same anyways)
function previousEvent(i) {
var k = new Number(i);
[code].....
I've a picture and I want to show it at x,y coordinate of the screen.how do I write the code to do this on jquery (with aspnet mvc)?
View 3 Replies View RelatedThe code is working 100%, but the only problem is with the function calling statement. It is working on the first img (picture) i want it to be called on the second picture.
<!DOCTYPE html PUBLIC "-w3cDTD xhtml 1.0 strict EN"
<html xmlns=http:www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns = http:www.w3.org/1999/xhtml">
[code]....
I am trying to change a picture in a program but I keeps being a broken picture link.
[Code]...
I've been working on photo gallery that can be seen here: [URL] I would like the title to change according to the picture selected. This works when you click on the thumbnail images. However, it current does not work with the drop-down menu, "back" and "next" buttons, or the automatic slide-show.
[Code]...
i looking for a way to stretch picture in background and put some divs over that picture with links and text. what i find so far don't work in all browsers any one know something like this?
View 5 Replies View RelatedI'd like to know please if there is a Javascript solution for enlarging pictures.
The outcome I am seeking is for the user to click on a thumbnail picture which then links to a bigger picture I dont want to use a HTML hyperlink.
I am modifying an gallery script called slideSwitch. I want to set the interval value by a variable. For example, If I click button 1 the interval value is 5000 and If I click button 2 - the interval value is 2000 etc. Do I need to pass the value somehow? I My code so far:
Code:
function log(x) {
return x;
[code]....
I seem to be having trouble with my string variable in innerHTML.. here's my code:
function header() { // Navigation Bar
110 var o = document.getElementById("header");
111 var s = '<h3 style="float:left;">'
[code].....
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 ?
[Code]....
Is there a way to create a DOM document object to hold the contents of
an external html?
I have two pages:
content.html contains some content.
index.html would like to access the contents of a particular <div> with
an id of "important" within content.html.
how would I do this? I know I can hack around and load the
content.html in an iframe embedded in index.html. Then, I can make the
iframe not visible....
I'm working on a small javascript application where I'd like to get one
behavior when a user clicks on an image (image swap), but when they
simply hold down the mouse button for a second, they get another
behavior (drop down menu).
The former seems pretty easy -- just assign the handler for the onClick
event to the swapping function. The latter, however, seems more
involved.... I know I'd assign the onMouseDown handler to a different
function, and then.... after a 1 second or so I'd want to test whether
or not the mouse buttom was still being held down. Except that I have no
idea how to do that (both the waiting part and the actual test itself).
The idea that does occur to me is to have some kind of data structure
associated with the clickable image. I could have functions associated
with the onMouseUp and onMouseDown handlers to set a flag.... as soon as
onMouseDown is called, it sets the flag to 0, then it waits 1 second,
and checks to see if the flag is 0. If onMouseUp has been called, it
will have set the flag to 1, and we call the plain old click handler. If
the flag is still 0, then I know to do the popup/drowpdown menu.
I'm a little worried about the timing between the different flows of
control, though, and I'm also wondering if there's not simply a better
way to do it.
I have routine that rolls through the images in an array every iInternalCount seconds, shown below. It first fades out the current image, does the calculation for the next image, assigns the next image to the src attribute of the image slot and then fades in the new image. But after starting the fadeOut of the current image the code continues immediately to the image switch line, so we see a switch to the new image and then the new image fade out. I need a way, probably using the callback function of the fadeOut() method, to keep control from continuing to the image switch line until the current image had finished fading out.
[Code]...
I'm using the following css code which wrapped around a dynamically populated field;<span class="ui-widget-header platform ui-corner-all"></span>
When the span is empty I want to hide it, and I've used this jquery to do this.
However, the ui-widget-header class appears to be stopping it from hiding - if I remove this class it hides fine.
I have an img#info that I want to fade in when a div#trigger is hovered over. Then I want to be able to move the mouse over to the image and click a hot spot there, without the image disappearing because I moved off of div#trigger.
The code to fade in img#info is simply:
$(document).ready(function() {
$('img#info').css('opacity', 0);
$("div#trigger").hover(
function() {$("img#info").animate({'opacity': 1}, 1000);},
function() {$("img#info").animate({'opacity': 0}, 1000);}
);
});
This works fine as far as fading the image in and out. I tried then adding a hover statement for the img itself, below, but this doesn't work at all. The image is now always on, even though the alerts never fire when I roll on and off the image:
$(document).ready(function() {
$('img#info').css('opacity', 0);
$("div#trigger").hover(
function() {$("img#info").animate({'opacity': 1}, 1000);},
[Code]....
I have done one project in javascript so far and have had no schooling on the topic, however I have learned quite a lot in the last few months from this thing called the 'internet'. So far I managed to make an html image map that has various tooltips which will appear onmouseover, and the tooltip disappears onmouseout. Each point of coords that i have defined has a hyperlink to a different page on the internet. It works just like i wanted it to and i couldn't be happier, that is, when i'm using a mouse...
When i am using a touchscreen device it is a different story. specifically i'm trying to port my html page to android as i figured it would be easy with the android sdk and webview (it was, but read on). What i found when i used the 'app' on my phone was that onmouseover works when you touch the screen, however it also registers as a click, so pop goes the tooltip, and i'm whisked away to my webpage. not the desired result.
Ideally I would like to hold down the screen for 3 seconds and then the hyperlink would activate, but i decided that just getting the thing functional would suffice for the time beaing so i tried to include some 'ondblclick' that would trigger a document.location. This worked fine on a web browser again, but had no result on the touchscreen. I decided to abandon this half step because I have read that ondblclick doesn't work in an image map and it isn't my intended result anyway.
I have found a lot of javascript and jquery samples that emulate the onHold event that i'm trying to achieve, both on this forum and all over the internet, however these samples are overly complex and are focused on looping an action, such as incrementally increasing a value or zooming or whatever. I just want to redirect the user to another page if they trigger 'onmousedown' for 3 seconds.
I am doing a Validation for Form "Text input". If the user leaves the input empty, a function is starting to run. If the field is bigger than 1 - so it doesn't get into the function.
The problem is: The first time, the user left the input empty, function ran, and I got the alert - that's OK. Second time, The user added 10 in the AGE input - And again he gets the Alert - But he should not.
Note: Age input value, returns from a different function (calc) to a var called: result.
[Code]...
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";
[Code]...
#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).
View 1 Replies View RelatedI have found nice short tutorial here: Rounded_Corners
It works fine unless I try to move it.
I have added only one DIV over all:
Now I see that my text (white) moved but not background.
How do I properly position the whole DIV of class "roundbox" ?
Is it possible to get the width of a picture:
<img src="../graphics/press/bw21.jpg" width=400 height=555 alt="" border="0">
the make a box be exactly the width of the picture:
document.write('<div class="box" style="width:'+ w +'px">');
How can I get peoples IP, Location, Town, Browser, and others to display in a .jpg picture, for example; www.danasoft.com How do they do that? What program do I need to make something like that? I tried it in Adobe fireworks but It did not work out that well.. the html/javascript coding did not stay in the picture when I saved it as .jpg or any other file type..
View 4 Replies View Relatedif i have a picture 300x300 px on-line!!!
is there a way to select a piece of that picture where i want like 120x200 and that that piece is showed into new window!!
something like photoshop when i select with the mask!!!
suggestions?
I'm flabbergasted that I was able to get this to work.
Now - is there a way (simple way) to have the pictures fade in and out?
Right now it is instantaneous, kind of abrupt. I prefer subtle.[code]...
I have been trying for several days now to append a text caption to a displayed image using Javascript, but with no real success. Perhaps JS is not the best way. Has anyone a suggestion as to the best way to tackle this.
I want to replace the image captions with text ones to help speed up the site. It is my home site here [URL].
A modification of the existing code seems obvious, but I have been unable to do this.
Setting: chruch multimedia computer and projection system, with 2 display
monitors. The projector is connected to monitor #2.
Is there some way using JavaScript I can display a ".jpg" picture on display
#2? I know how to send the <form> tag to turn on/off the projector, but
don't know how to put up a picture. I don't want any browser artifacts to
show. Just the picture.