What I'm trying to create:
Normal slideshow like this one ([url])
A div with several urls should animate another div.
Like so: mouseover url: fade to correct image. click url goto url.
No hover: continue slideshow.
Footprint:
So hover on "item 1" should show "div with heading1".
I am new to javascript, I have one question, how can I use javascript to get the IP address of the remote user or remote web browser?
View 9 Replies View RelatedThis is a really awesome script that I'm sure all of you can put to use if you haven't yet heard of it. However, I'm trying to get it to fade a background image on my css styled navigation for my a:hover. Here is the script with a little simple tutorial on how to set it up: [URL] My only other knowledge is in PHP, so after about 2 hours of fail in this client-side language
This is the link to my site so far: [URL] You can see the script working as it is on my little yellow MW logo on the right side of the navigation. So in my scenario, I am looking to fade button.png to button-hover.png (both repeating on the x axis).
I have a gallery style page with rectangular images on laid out like a grid of nine. When the user looks at the page there is just the images and no information, but when they hover over the image I would like some text and a bar underneath to show up over the top so the user can read some information.my images sit in "a" tags. There is also a div tag in there which has it's z-index and position (absolute) set up so that it sits over the top of the image element in the "a" tag. stripped down e.g.
<a href="#"><img.... /><div>the info</div></a>
I need the div tag withinin the "a" tag to be set to 0 opacity. When the user hovers over the image the div tag slowly fades in to 100% opacity. Once the user moves the mouse away from the image the div tag slowly disappears again.I need each one to work independently so that it only changes the one currently being hovered over.
I'm having problems with my text appearing aliased and turning blue when it fades in and out. I've tried using the Newsticker plugin and the Easyticker plugin, and I'm getting the same result in IE7 and Firefox 3.6. I'm using jQuery 1.2.6-min Specifying a background color doesn't fix it. The examples on the plugin websites look fine, but when I try and implement the effect myself, my orange text becomes aliased and fades to a light blue color before dipping to white. Same thing happens on the fade in. attached is a screenshot of what I'm seeing.
View 4 Replies View RelatedThis is probably a basic question as I am a beginner with Javascript/JQuery. Here is my code for the head and body elements, what am I doing wrong as nothing is happening. Is it my element id? I just want the whole dive to fade when the page opens and to fade in over mouse over. Here is the code:
[Code]...
I would like to implement a fade in fade out effect on hover in the 'Our News' section, so when I hover over a news item the grey background of that box fades in slowly, how can I do this?
View 1 Replies View RelatedI found this script for a navigation fade-in/fade-out and I want to modify it so it'll only trigger the fade-in/fade-out functions of the span class is NOT set to active. Here is the javascript:
Code:
$(function() {
$("#nav ul#menu li span.active").css("opacity","1");
$("#nav ul#menu li span.active").hover("opacity","1");[code].....
It's the part of the code beneath the comment CONDITIONALS BELOW that I want to be able to only trigger it if span is not set to class .active.
have this Multiple Image Viewer very similar, -in fact almost identical- to the one in the main page of economist.com It uses the following code and its woriking nice,
Code:
function switch_product_img(divname, divnumber, divtotal) {for (var i=1; i<=divtotal; i++) {
var showDivName = divname + '_' + i;
[code]....
Simple question really. The cross fade option used by default with cycle is not a linear one...it looks like it uses some kind of S curve because during the crossfade animation the background (meaning the area behind the images being cross-faded) becomes visible. Example screenshot taken mid-transition. The pink should never be visible behind the grey, but it is:
[Code]...
at the moment, which is leading to background visibility. Is there another fx option I should be using?
I am php developer,[URL]... a fade in fade out effect (image + text) which is working very nice but Can i do this like with text on top(not on an image)and image below it like header : text below that an image
example
<table>
<tr><td> header for image</td></tr>
<tr><td> image here</td></tr>
</table>
Can you pls suggest any other script to display an html page or pages like this just the way i had defined above in fade in fade out ....
I'm learning javascript, and was wondering if it was Possible to have buttons/links that you click, the whole page fades out, and then fade's in, with different stuff. here are my ideas for just changing the stuff
Text: 1. having a javascript src file to start, and then when the button is clicked, that is formatted to white, the text layer is moved down, and a new javascript file is loaded?
I have a problem with a fade script using jquery, in firefox etc.. all is ok.
But IE the fade does not fade it just comes in & out.
You can see the js in the main page, not an external file.
The url is [url]
Images are displayed one after the other with fade in and fade out .There are 20 images in slide show ....I want to show "Locading ...." message till all the images are loaded ...or display some GIF which will indicate the images are being loaded...
View 1 Replies View RelatedI am trying to use asp for remote validation instead of php. But it did not work. This is whatI tried.
$(document).ready(function() { var validator = $("#Member_Form").validate({
rules: { Member_Name: {
required: true,
minlength: 2,
remote: "users.asp"
}, },
messages: { Member_Name: {
required: "Enter a username",
minlength: jQuery.format("Enter at least {0} characters"),
remote: jQuery.format("{0} is already in use")
}, }});
Also how is the member name passed to the asp page. I tried reading it as query string. But it did not work.
Basically i want to grab some data from the royal mail(UK) site, to use within a CMS, so the sales team can easily find the tracking info about a customers order.
Royal mail have recently allowed get requests which populates the track and trace form field and auto submits the page via a 302 redirect e.g.
royalmail.com/portal/rm/track?trackNumber=x
With X being the tracking number. Try: [URL]
(the links above should have www and http etc on but sitepoint won't allow to post them like this because of the spam filters)
So what i would like to do, if it is possible, is to use jquery to grab that page and possible grab a certain paragraph (in this case the first p of the class "track-right-box") so that the sales team don't have to go to the site every time they want to trace the order.
Now a figured i could use $.load or $.get in jquery to do this but firebug is throwing up the error: Access to restricted URI denied" code: "1012
Which i'm guessing is something to do with the security setting on firefox.
How much data can be cached in the browser? My records seem to be about 70 characters from roughly 7 columns in my database.
View 4 Replies View RelatedI am not sure what I am doing wrong I am using the Jquery.Validateplugin and it has a remote field so I did this
[Code]...
I am trying to read an XML file from a web source to display on my site. I can't get it to work ..GET seems to come up with an error - I tried crossDomain: true with no luck and have tried on a local and web server.
The code I am using is...
$(document).ready(function(){
$.ajax({
type: "POST",
url: "http://js.monster.com/query.ashx?cy=au&jcat=3975.11885&pp=20&tm=60d",
[Code]....
I have 3 tabs that call an external ASP page that has a rather intensive Database query and takes a while to execute and display. On my tab there's a link to another page. once that page is finished the user goes back to the tab. But my problem is it's going back to the database page (that takes a while to execute).Can the original page be cached and remembered so that I dont have to keep calling my database page?
View 1 Replies View RelatedI already have the remote check working and it works fine. But the catch is that I want to allow submission even if my check returns false.
All I really want is to show a warning if the remote check returns false.
I want to use jquery or js code to do the following work:
get the list of files of a folder (files are pictures) that the folder is in remote. and get the names of those pictures and store them in an array.. to create dynamically img element in page.
can javascript do that? without using of a backend language( web server)
I'm using jQuery $.ajax or $.getJSON on document.ready to access data from the server through coldfusion remote cfc files.
My url looks something like this for the main page [url]
When i go to a new page i.e. [url]
The ajax functions are called but are not collecting new data (only in IE). IE caches the response and wont give me a new one unless I refresh the page, which I don't want to do.
Here's an example of a function I call. I've also tried $.getJSON with no success.
function getGrains() {
I've looked into ways to make sure IE wont cache files. Some of the popular suggestions are:
Add a random parameter to the url: I've done this:
Change get requests to posts: Done (see function)
Also, jQuery's cache:false doesn't work.
I'm not sure I can use the meta tags or header cache-control functions because it's not caching my html page, it just caches these HTTPRequests from within my javascript file, and they're not loading html, just json objects.
i have one task in which i have to update the information on DIV on one of the webpage which will run on another system which can be any client system. is it possible to update the information of the web page in real time so that if some client is watching the other web page at that time, he will see the latest content.
i dont want to create server side scripting and logic for this as this is very small content. anyone with some idea about this?
I'm trying something along these lines:
[Code]...
Currently I was able to load remote JSON (php) file using JSONP protocol. However, how to do if my remote file is static? In the doc, it said: you can load JSON data located on another domain if you specify a JSONP callback, which can be done like so: "myurl?callback=?". But since my remote file is a static text file, how can I specify the callback in the output dynamically? In fact, I also wonder if it is possible to control the random callback name by modifying jquery source code...
View 1 Replies View Related