Setting Dynamic Links Based On Content Slider Current Status?
Mar 16, 2009
I have a content slider called "Codaslider" (ver 1.1 I believe) setup, and using CSS I have an absolute positioned image hovering above the slider at all times. The effect is what I want, where I have a static image of my company's product hovering above the content slider, and the background images slide around showing various features and such.
I would like to make it where the customer can click anywhere within the bounds of the content slider (including on top of the static image), and be able to follow the link for the image in the content slider.
For example, if the background image shows "New Features" or something similar, I want the customer to be able to click anywhere and get to the "New Features" page.
So basically, is there a way to dynamically set the URL that the static overlaid image points to, based on what page the content slider is on?
Here is the javascript that setups up the content slider:
Code javascript:
<script type="text/javascript">
var theInt = null;
var $crosslink, $navthumb;
Does anyone know of how I could dynamically resize an iframe based on the content's height (for IE) so that no scrollbar appears for the iframe? The content will be from a different domain. I have searched on the web and have seen solution like this
<script> function resize() { var oframe = document.getElementById("frameID");
The html : <iframe onload="resize()" src=http://different.comain.content border="0" ....... > </iframe>
I have seen 2 solutions on the web, the only difference being lines (1) and (2) get substitued. My browser is version IE 6.
It seems that the solution with line (2) works perfectly when the content is from the same domain but gets a Permission Error if the domain is different.
When the content is from a different domain solution (1) does not give Permission error, but instead the scrollHeight is significantly smaller than the actual content. Even if the content is from the same domain it still gives the wrong size.
So my question is 1) What is the difference between oframe.document and oframe.Document, why does it give different results?
2) More importantly, how can I dynamically adjust the iframe size based on the content height from a different domain?
1) Script Title: Ajax Tabs Content Script (v 2.2) and Featured Content Slider Using jQuery UI
2) Script URL (on DD): [URL]
3) Script URL of Featured Content Slider Using jQuery UI [URL]
4) Script URL of my implementation of both script. [URL]
5) Problem: I've integrated the featured content slider in one of the default content section of the tab menu as you can see on the link on point 4. The slider is working perfectly when until i click on other tab menu and then back tab menu 1. The slider seize to work no more and worst the other featured content slides are appearing below the first one.
1. Take the current URL of the page and open a new window with a URL based on the current page. Some examples (I use "->" to mean "this URL turns into that URL"):I plan to use these bookmarklets in sequence, first pressing 1 to log into the CMS, then pressing 2 to edit the current page.
I need to use jQuery range slider for setting up limits for multiple ranges which are interdependent, something that is similar to slider that we use for hard disk space allocation during OS installation but mine is a web applcation and the data necessary would be fetched from DB. I've tried the following code but I couldn't get two ranges. Only two handles are active.
how to populate a dropdown based on Another dropdown selection. This all should be a dynamic. Eg: I have two text boxes one is TechID and other is JOB ID. When I start typing Tech ID it suggests me the list of IDs which start with the input string i have put in Tech textbox. When i select the Tech ID the jobs associated to that Tech ID should be displayed in JOB ID text box as a dropdown list.
I am trying to set a link on our Intranet server to another onsite system.
I want to send people to a page, that performs a check to see if the website on the other server is ONLINE. If not then display a message along the lines of SORRY PLEASE TRY LATER.
I have done some searching and it seems that I might be able to use the onerror part within javascript.
I am using a generic Template in a site where different domain names may enter at different levels of a web site.By using some CSS in my <header> to set the base url.I am able to refer to the address of an image by just having.By changing the BASE URL I am able to change which image will display.So I need to obtain the URL address that the viewer, came into the web site on, and then set the BASE URL.
I am trying to come up with a script that will validate a radio group based upon the status of a checkbox.If box is checked radio button is required else it can stay false.here is as far as I have gotten so far. just a basic if statement but i need to incorporate the check box
Code:
function validate_form ( ) { valid = true;[code]......
I have a form that captures member registration details. In the admin section .. I would like to change the Status field of a record/s from NEW to PAYMENT DUE after 14 days from the data of submission. The status change should automatically trigger on the 15th day. So when the admin checks the list page he/she should be able to view the updated status field.
I am adding code to a SharePoint 2007 list where I want a calculated field to be a colored square based on a status column.I have all the code I need to create a colored round bullet, but I would like the bullet to be square or a rectangle.I was not able to find a repalcement for the "bull" in the below code.
arr[i].innerHTML = "<DIV title='Long Term Focus' style='font-weight:bold; font-size:24px; color:green'>•</DIV>";
This is using jquery by the way. I have a list of ethnicity on a form for a person to enter that are checkboxes. One option is 'Other, specify'. When 'other specify' is checked, I would like a text box to pop up and disable the other boxes (if you pick other, you can't pick from the previous ethnicities). If 'other, specify' is unchecked, I would like for the text box to disappear and re-enable the checkboxes. I had the appearing box working just using JS. I can't seem to get the syntax right to use the toggle feature of jquery to make the box disappear when unclicked.
So what I am trying to do is make it so that every time the page is opened or refreshed we get a different image with the corresponding link. Of course I can't make this work.
I have the following code:
<script language="JavaScript"> var id = 3; var ranimage = new Array(); var imagelinks= new Array();
I'm having an issue with a javascript image slider that I downloaded and have implemented. You can see the page I am working on here...[URL]. And the script is at [URL]. It works fine on my Mac browsers, and then fine on Windows Firefox, but it's when I try it on IE it breaks. Or rather doesn't even show up. The other issue I've occasionally noticed is that an image won't load and shows as a broken image link, even though the image is there and is referenced correctly. This is an issue across the board, and only happens randomly.
I have 30 or 40 different (going to different websites) links on many pages on my website, that I when clicked I need opening under the current window. (Pop-under) - but obviously needs to be done safely (no risk of being pop-up blocked??)So rather than just a target="_blank" - it would be something slightly more complicated, doing a bit of research perhaps the .blur method would help (Though really I have no idea)I'm using the jQuery library for other elements on the site, so jQuery would be ideal if there is a solution for this?If you click on "get code and open site" (Green button) - you'll see it opens up the website under the current window - which is exactly what I want to achieve (It also uses .toggle to switch divs (but i've done that part - just need help with pop-unders
I'm looking at creating a list of links that when each one is clicked, opens a new window/tab under the current window, the reason for this is that i'm using jQuery .toggle to switch content upon click of a link to reveal a message. They have to read this message before going to the new window, which is why it must be opened below the current window (Hope all that makes sense!).
I've got the content switching part done, which is great, but having some trouble coding the "New Window opening under the current window"
Thw following code (When used with jQuery) opens up a new window under the current window (Yay!) - BUT - this happens on page load simply apply it to the links, and only apply it to link with a certain class e.g. class="newwindow"
Code: $(document).ready(function() { var link = $(this).attr('href'); var mer_window = window.open(link, '_blank', 'toolbar=1,location=1,directories=1,scrollbars=1,resizable=1,status=1,menubar=1'); if (typeof mer_window === "object")
Anyone know how to create this in JS? User clicks on a link, the link opens a new window with new webpage AND the page that had the link then changes to a new webpage as well. So end the end that link takes the user to two new pages. For instance, I am on PageA.html and I click an <a href="">Link</a>. Link take me to a newly targeted page called PageB.html. Then at the same time PageA.html turns into PageC.html.
Instead of using alert, I've tried simply assigning sBox.options.length to throwaway variable, but I end up with the same results as the first snippet.
I have a drop down menu with options. Is there a faster way to display a tool tip based on the value of the <option> tag other than having to manually set title="" for each <option> tag?
I'm trying to build a javascript content slider. It slides content like that of techcrunch site on the top of the page. It wouldn't have to be a feed, but I'd need to be able to enter the links manually each time I edit the code. I'm trying to get it, so I can get rid of tables and be able to post many different pages with the ease of just entering the photo url, link url, and content into it for a short message. I know html and I'm decent at css, but I'm bad with javascript.
I have found a script that works fine for me but I'd like to make it reusable but I have an issue with that. On the script I have something like
function my_function() { var $container = $('#panel .container'); } and I'd like to pass the id (panel in this case) as a parameter like in the example below:
I apologize for posting again - Joern, the developer who built this plugin made a suggestion but I never heard back on a follow up question. I am using validate on a fairly big project. The problem I'm running into is that our e-commerce environment is writing a fairly cumbersome value into each input's name field. It's basically pointing to the form handler. This itself makes it difficult to build rules because the name attribute can be 100 characters long. It's also possible that the path to the form handler will change which is troublesome.
The ideal solution is to have set the validation rules and messaging on the id of the input. Joern indicated that this would be possible, but I need some help going about it.
How to send after validation is performed? 3. This should mean sending form when name="form1" is clicked. Is it if sentence correct set with name form1?
Application is: [URL]
Version 1.7. Now is sending when I click on button but it should send values and after validation is made.
I'm trying to build a content slider with jQuery Cycle: [URL]
My code is here: [URL]
Basically I'm looking for a content slider with 4 slides, simple fade transition (1st slide fading in would be nice also), and each slide will link to a different page of my site. Basically this: [URL] (but with the addition of linked images...)
