I have a thumbnail page created dynamically by using javascript onload. Now I need to be able onclick have that take you to a closeup product detail page. This is made using classic ASP
First off, I am no professional coder, so bare with me. The goal was to implement a photo gallery using "ImgBrowz0r" (javascript), and a jQuery plugin called prettyphoto, to make the selected photo pop-up in front of the website. I am very impressed by the way it looks thusfar.
URL: Gallery One thing bugs me however, which I can not wrap my head around;
When viewing the above gallery in Windows 7, using IE8, the thumbnails display really weird rollover behavior. The thumbs are not clickable, except for on the 1-px border and sometimes the exact centerlines. I found out that it is an issue everywhere, except on the last row of folder thumbnails. The last row works perfectly fine! Can anyone explain this to me? I am lost!
I am trying to get the back button or just a go back to work with an Ajax div? here's a minimal ajax enabled bldd.nl/stackoverflow/pagination/indexMinAjax.php but i want it to be ajax enable with the back button and for this i am trying BBQ
I am working on Salesforce.com application and want to have a standard button named "Save and Send Update" placed on Event object detail page to be hidden.I followed some sample codes shown on net utilising style.visibility/style.display attributes of Javascript. However, I am not able to still remove/hide the standard button.
If you mouseOver a thumbnail of a product, a larger picture appears fading in and doing a quick slide at the same time. On mouseLeave, it does the reverse.
I'm looking for a javascript that will detect the following user information: OS version, browser version, quicktime + flash + adobe reader + java + windows media player + sliverlight versions of the users computer.I am looking to put this script into an HTML page and the information be displayed so the user can see what versions of the programs they have. I don't know a whole lot about javascript so if there is a script i could copy and paste, that would be great!!!!
Also, is it possible to have the current versions of these programs displayed and automatically updated as well so the user can compare the version they have with the most current version of the program?
I need to modify the inventory program to be CARS not cd's, dvd's or computer equipment. I have the program for cd's, what would it take to change the product to CARS?
i need to set up a simple product image gallery almost identical to this one: [URL] a large image with thumbnails underneath, rolling over them loads them into the large image area, a simple javascript i believe (i'm sure there are other ways to do it, any way is fine) I'm willing to pay for help with this as there is no way I can figure it out on my own (just a lowly designer!). oh, and as usual, tight deadline!
If I have to create a UI which has a form for buying a product and that page is access by lot of users( millions of users). then what would be design and tips I should consider while desiging the UI of the page
I have a list of products displayed in a page and it contains a combo box to sort the products in a certain criteria. I want to sort the products just when I choose the criteria from the combo box. I understood I have to do this using onChange event in JavaScript. But, I'm so weak in JavaScript. I don't know how to do it...
I want to build a site where the user can customize the product before moving forward. For example: Start with a stock car. User uses drop down menu to change car color (image changes to reflect change) Then User uses drop down menu to change tires (image changes to reflect change while keeping first selection) I know xhtml & css only. Before diving into a new language and library, I'd like to know if I'm even in the right toolbox.
I have problem about mouse hover in JQuery, the problem is that the main image not change when I move from additional image 1 to additional image 2. My site sample : [URL]. It work when I move to other additional with move mouse slowly.
This my code : $(document).ready(function(){ $('#thumbs a').hover( function() { var currentBigImage = $('#image img').attr('src'); var newBigImage = $(this).attr('href'); var currentThumbSrc = $(this).attr('rel'); switchImage(newBigImage, currentBigImage, currentThumbSrc); }, function() { var currentBigImage = $('#image img').attr('src'); var newBigImage = '[URL]'; var currentThumbSrc = $(this).attr('rel'); switchImage(newBigImage, currentThumbSrc, currentBigImage); } ); function switchImage(imageHref, currentBigImage, currentThumbSrc) { var theBigImage = $('#image'); if (imageHref != currentBigImage) { theBigImage.fadeOut(250, function(){ theBigImage.attr('src', imageHref).fadeIn(250); var newImageDesc = $("#thumbs a img[src='"+currentThumbSrc+"']").attr('alt'); }); } } });
I have checkboxes which are created dynamically depending on the number of records being returned. With each row of the product being displayed along side the check box there is also a value called 'product rate' which is being returned for every product. I have to ensure via javascript that the products which are checked are all of the same 'product rate'. how do i do this? Please help me this is very urgent! I have tried a lot of things but it is not working. I took a hidden value for the product rate which again gets populated everytime the check box is created but i didn';t understand how do i create and check the values of the product rate for the ones which are sele cted?
i needed a text input so the user that will register a product, will make sure to enter the cents, and not just the raw money, making it to be stored incorrectly on my database.for example, if i type "1" the output inside the text field will be automatically "0.01", so the user HAS to type the cents.
I've noticed that Google uses JavaScript to pass information to their servers for processing. I can only imagine they're passing back the HTTP request of the current request to pull the data from to track sessions, page views, time spent, etc. Does anyone have an idea of how they're actually doing this?
Can anyone sort out my problem.I want to build a product comparison page in javascript with checkbox i.e when a user click on the respective checkbox with images maybe 1 or more, then the comparison table should show on the same page.I am having about 10 products and 12 comparison categories to be compared.The user can check one checkbox or all....
I'm working on a site which lists a group of products and when you click on an "expand" button it loads the rest of the product details and displays the rest of the product information directly below the div that was expanded.Each product summary has a div with the id of "#moreinfo" that expands to show the product details. The link that causes the expansion is this one: ".product5 .moreinfo a".However, only the first div expands when I click any of the products. It does display the correct product info, but always after the first product.My jquery is below. How can I make it expand the correct '#moreinfo div'
$(document).ready(function() { var hash = window.location.hash.substr(1); var href = $('.product5 .moreinfo a').each(function(){
I have a Cycle Plugin carousel of 20 product thumbs split into 4 slides of 5 thumb images each slide. This scrolls horizontally forwards and backwards with left/right navigation. This carousel is situated below the products being displayed. The user can navigate forwards and backward through these 4 slides, however, when they pick a product to look at the carousel always resets itself back to the first slide. How can I set it so that when an image in one of the 4 slides is clicked and we move to that product's page, that slide stays active when the page loads? It's annoying to have to scroll back through the 4 slides to find the one that had the active product on it.
I have a page on a website I am creating that has both a lightbox rel link and a quick calculator to work out a size of a product.Here are the links to the java files I am using:
I've built a database driven job site, that allows employers/agencies to load their logos up which appear on each advert. Currently the max size limits of images are 600*200. Anything under these dimensions are uploadable.
The problem is that I have a control page that displays and manages all their logos. If their images are of different widths, it makes the page look tacky. So, is there a way of making all their thumbnails that appear on this page, all the same widths, but still in proportion height wise?
ie: 600*200 will display 200*66. (1/3 size) 400*180 will display 200*90. (1/2 size)
In otherwords, the width to be 200px, and proportional height wise.