1) Found all images on the page (img)2) Add on the top of it linkI've learned how to count all images and how to add new elements on the page. Seems like need to connect them, but I failed.
View 5 RepliesI have several images that I want to link from different pages but I also want to have the ability to zoom in and out on the images. My initial thought was to build HTML pages for each image with the zoom function added to each page but thought there would be an easier way so here is my question: Can I create a page with the zoom function and an empty DIV and have the links from other pages open a new window and load the image into the div? I have something similar using iFrames but am wanting to avoid frames if possible.
View 9 Replies View RelatedWe would like to create a new website and have that do some dynamic things based on login id. First all we would like to send you do a different home page based on this information, it might be one of several companies. This may also be tied to what URL you clicked but not necessarily. The second thing we would like to do is display only the products that you are eligible for based on your login information. We would like to use images as a link here and if you can sell one product you get one image or maybe bypass and go directly to that section, but if you can sell two or more then those images as links show up as available.
The final thing we want to do is to populate the top 3 or so items you perform on the site as quick links. After all that, are there tools or items I should study to accomplish this task? I'm not sure if I need to mix in some sort of third party analytical tool with the asp.net site or what. The only other thing that I think we can do with ajax is have them say enter a a vehicle identification number and without looking like a screen reload use ajax to show the additional information such as year make and model that are decoded from the vin, but I'm just starting to look into this.
I have a popup window which is a slideshow of about 7 images. When the
popup window loads, the first image is present and then the viewer can
select next or previous to scroll through the rest of the images.
I'd like to use the same popup window at different points throughout
the website and have the Virtual Tour (slideshow) open up at the
appropriate photos. Meaning I'd like to control which picture the
popup window opens up to, depending on where the user is in the site.
Does anyone know where I can find code that does this? I am somewhat
familiar with Javascript but would like to find some ready-made code
which accomplishes this.
Am using jquery and javascript to load images.Everthing is working fine, but I would like the user to be taken to a webpage for each of the images below.
Code:
function PreloadImg(){
$.ImagePreload("/images/slash2.jpg");
[code]....
Anyone know the javascript for rotating homepage images with website URL link? Rotating Images like a shape of heart ( Love Symbol )
View 2 Replies View RelatedI'm trying to open a div that holds several images when the user clicks on a link. Each clicked link will open the div and display a specific pic. Plus each time a link is clicked the div should close before opening the div with the appropriate pic. Since I'm new to jquery I'm a bit lost on this one.
[Code]...
Catching <a> link click - Fancy Box I have an example here of the simple image gallery I'm working with. The thumbnails are loaded from an XML and are linked to larger images. untitled I want to use Fancy box Fancybox - Fancy lightbox alternative to show the larger images. I have fancy box working on other sites but can't get it to work here. In an attempt to work out why it's not working I tried to capture the click on the <a> link, but that won't work.
[Code]...
I am trying to put an image on the front page of my website that changes to one of two random images on mouseover. This part was easy, and has been done (I got the code from [URL] But what I am finding difficult is to make each image link to a different page. For example, if the user mouseovers the main image and sees the 'thumbs up' image, then clicks on it, they should be taken to the 'thumbs up' page. And if the user mouseovers the main image and sees the 'thumbs down' image, then clicks on it, they should be taken to the 'thumbs down' page. The site is here: [URL] I think using 2 arrays is the way to go, but am not sure.
View 3 Replies View RelatedI've got a div and i'm setting its height to the height of an image like so:
$('#gallery').css({height: $('#gallery a').find('img').css('height')});
how would i add 1px to this?
lets say the image is 300px, how do i set the height of my gallery div to 301px?
Venegal (Thx) wrote the majority of the following script and I must say , he did a great job:thumbsup:. there are a few extensions to script that are needed.
the priority within the searched user words and the found content on the site have been set to "the first found" will be hilited. e.g:
1. the wonderfull holidays
2. Sunny holidays
3. holidays in Spain
No.1 (div) only would be hilited if the user search words were e.g: "sunny holidays in Spain". I need the priority to be set so that all three divs would be hilited if the word "holidays" (for example) were searched for.
the Script:
function toggle(id, status){
document.getElementById(id).style.visibility = status;
}
function populateSearchField(){
[Code]....
The onload event appears to be firing before all the content of my
window loads or something. In the stripped down example below, my
browser tells me that it cannot find the object "thisThing." What
gives?
<html>
<head>
<script type="text/javascript">
window.onload = document.getElementById("thisThing").style.background =
"red";
</script>
</head>
<body>
<div id="thisThing" style="height:40px; width:50px;
background:blue">
</div>
</body>
</html>
Code:
var testi_box = {
spread: function(num) {
var main_obj=document.getElementById('testis');
$('.bg').stop().animate({opacity:1},800);
$(main_obj).stop().animate({height: 420}, 800);
var objs=main_obj.children;
[Code]...
So, I have this object that is set to fire its method the moment a user hovers their mouse over a particular div on my page. IT works just fine in all other browsers but IE7 or below. When i look at the error in IE it says that testi_box is undefined. But clearly it is defined. So, I'm lost. Is there something that I am missing?
I need a regexp function which makes a match when the string contains <img...AND the img tag above dows NOT contain a certain path Here is what I have:
<imgs.*(src).+>
This matches if my string contains "<img .....src.....>" (the dots can be anything, I dont care). However, after the "src" part and before the ....
I have dynamic divs being added to a contianer. I create them like this [code]...
The problem is when the dynamic DIV is added to the form, it shows up but is not clickable. The event is never called. When a div is added with the class clickable on page load, the event is triggered.
Im guessing there is some way to add an element to the clickable selector but I can not figure it out.
Basically I have a table completely generated and appended to the DOM in javascript, I am calling:$("#tableID" + p).siblings('.child-' + "tableID").fadeOut('fast');This works fine in FF and Safari, but IE does not find the siblings. I even did an alert with:$("#tableID" + p).siblings('.child-' + "tableID").length, and as expected IE returns 0, while FF/Safari return the correct amount (2).
View 1 Replies View RelatedI was looking at the jquery.flash plugin and it looks like what I need to get the job done but how to do it. Here is some sample code from the plugin site
$('.custom').flash(null, null, function(htmlOptions){
// do stuff
});
Below is the code I tried using:
<script type="text/javascript">
var strToAdd = 'my text to add'
$(document).ready(function(){
$('#flashHere').flash(null, null, function (htmlOptions){
$(".hello").append(strToAdd)
});
}); // END DOCUMENT READY
</script>
In the end what I would really like to do is replace one div with one other if flash is not found, this will make an iPhone friendly version of a site with a lot of flash video on it.
I need to retrieve part of a web page pointed to by a link <a class="fetch" href='web_page_address'> ... The part I want has an id of 'unit_descr'. When I know the address beforehand and can enter it manually without fetching it, this works:
[Code]...
I suspect that $('a.fetch') selects a complete JQuery object whereas I only want the content. Given that I can get hold of the content and put it into the url-variable,I am also not sure whether it is OK to use url +' #unit_descr' to construct the argument for the load function.
Javascript is not recognising any of the hidden variables on this web form. It simply reports them to be null. I tried declaring a new variable without "runat=server". No luck.
<html>
When queried the value, it says "Object required" and when queried the variable, it says "null".
I have a Patient intake form which takes Patient information like FIRSTNAME, LASTNAME, DATE OF BIRTH, ADDRESS, CITY, and POSTAL CODE. When a user enters FIRSTNAME, LASTNAME and DATE OF BIRTH it should fill the rest of the fields (ADDRESS, CITY, POSTAL CODE) if I have a record in my database.
I am using JAVA with MYSQL and I pull records when a user leaves DATE OF BIRTH textbox.I don�t know weather I should store everything in a dropdown or I should have a separate form for the matched records from where the user can click the record and fill the rest of the fields.
I have had a report that the tabs (product description, shipping etc.) found on this page don't work:
JCDC x odm collection - UFO - Black
I have checked on quite a few browsers and it seems fine. The person who reported it appears to be using IE9 which I don't have access to.
I'm using firefox javascript console to find errors within my webpages.
I've found the following errors:
"Expected colour but found '#'. Error in parsing value from property 'color'. Decleration dropped. Line 0"
" Error in parsing value from property 'display'. Decleration dropped. Line 0"
How can i go about finding which lines of code are creating these errors? as it tells me its on line0, this gives me no clue as to where to look.
I am taking the contents of a webpage:
var body = document.body.innerHTML;
How can i scan body and if it finds:
<!-- google_ad_section_start -->
<!-- google_ad_section_end -->
the body content becomes just what's within those tags?
how I can do this....If I have an element like this...
<li
s-n
>
mytext
</li>
And a selector like this... My element is not found...
I'm trying to check a database of lotto numbers against 3 different values and have gotten it that to work. What I need is to give a feedback message if no match is found once the submit button is clicked.
function winCheck() {
var grandPrize = $('#grandPrize').val();
var otherPrize = $('#otherPrize').val();
var addPrize = $('#addPrize').val();
[Code]....
OK, I think I found the perfect cross platform solution for centered popup windows. I found it on the site of Panic.com, I hope Cabel won't mind ;-)
The trick for all problems is to have a JavaScript that distinguishes between different platforms.
Here's the sample page which will bring up - upon click on a link - a pop up of 500 by 300 pixels. I used as link www.apple.com -- just an example.
To have scroll bars, resizability, etc work, simply change the digit "0" to "1" in all 3 ocurrences.
<html>
<head>
<script type="text/javascript" language="JavaScript">
<!--
// POPUP
var isNav4, isIE4, isMac;
if (parseInt(navigator.appVersion.charAt(0)) >= 4) {
isNav4 = (navigator.appName == "Netscape") ? true : false
isNav6 = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) == 5) ? true : false
isIE4 = (navigator.appName.indexOf("Microsoft") != -1) ? true : false
isMac = (navigator.platform.indexOf("Mac") != -1) ? true : false
}
function popup(url, winWidth, winHeight) {
if (isNav4 || isIE4) {
var screenPosX,screenPosY;
screenPosX = (screen.availWidth - winWidth) / 2;
screenPosY = (screen.availHeight - winHeight) / 2;
if (isNav4 || isNav6) {
window.open(url, 'subwin','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0, copyhistory=0,width='+winWidth+',height='+winHeight+',screenX='+screenPosX+',screenY='+screenPosY+'' );
}
if (isIE4) {
newwin = window.open(url, 'subwin','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0, copyhistory=0,width='+winWidth+',height='+winHeight+',left='+screenPosX+',top='+screenPosY+'');
}
}
else {
window.open(url, 'subwin','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0, copyhistory=0,width='+winWidth+',height='+winHeight+'');
}
}
//-->
</script>
<a href="http://www.apple.com/" onClick="popup('http://www.apple.com/',ò“',âÆ'); return false;">Click here for pop-up</a>
</body>
</html>