Is there an approach that I can take to have the URL change and still open a Colorbox?I need to get some tracking code to display in the URL, but I guess the <a> tag isn't really followed when I open the colorbox, so the URL change is cancelled when I click to open the Colorbox.
View 1 Replies
I am somewhat new to JQuery and I am trying to use cookies with a colorbox.
Here is the code I'm using
[code]
The end goal is to display the link with the pop_search_searay class (that opens the colorbox) when a cookie is not set. If there is a cookie, then the other link (with id=cookieyes) should display instead (so the colorbox does not open in this case).
I am having trouble with the if cookie is true statement.. After colorbox closes, even if the cookie is set, as soon as I view another page for some reason the cookie seems to reset as I am still seeing the link with the colorbox class displayed.
Is my if true statement incorrect? Do I need to move it somewhere else in the code?
I'm trying to show a div using colorbox, and for some reason, the following is not working: jQuery("div#the_div_that_i_want_to_show").colorbox();
Calling the function directly, however, does work:
$.fn.colorbox({'href':'div#the_div_that_i_want_to_show', 'open':true, 'inline':true});
And passing the div as an argument also works (with arguments 'inline' and 'open' set):$("div#the_div_that_i_want_to_show").colorbox({'href':'div#the_div_that_i_want_to_show', 'inline':true, 'open':true});
This, of course, is sort of redundant, as we're already selected the element with jQuery; there should be no need to also pass it as an argument.However, when I strip out the 'href' argument this does _not_ work--All I get is an empty colorbox/modal: $("div#the_div_that_i_want_to_show").colorbox({'inline':true, 'open':true});
For completeness, here is the div:
<div id="the_div_that_i_want_to_show" style="font-size: 18pt">Hello world</div>
why colorbox is not receiving the wrapped set from the jQuery selector?This call is very similar to that discussed on the following page:: [URL]
As you no doubt know, a link that is generated on the fly (ie by a JS function) and is supposed to invoke a ColorBox (due to a predefined selector) doesn't work as the link didn't exist when the ColorBox was initialised e.g., you have this in the head:
$(document).ready(function(){
$(".frmMe").colorbox({iframe:true, innerWidth:1200, innerHeight:640});
}
Then a link generated by JS at a later time (for example triggered by a users click) like:
<a href="blah.php" class="frmMe">Easter Eggs</a>
Whenever I dynamically create a link like the one above, I re-run the line:
"$(".frmMe").colorbox({iframe:true, innerWidth:1200, innerHeight:640});" afterwards to ensure the colorBox functionality works.
Now however, I have an instance where a link on a parent page like the above is created from within an iFrame (on the fly using JS). Unfortunately however, I haven't been able to find a way to re-intialize the ColorBox on the parent page from within the iframe to ensure that the new link has ColorBox functionality enabled.
I have tried:
$('.frmMe', parent.document.body).colorbox({iframe:true, innerWidth:1200, innerHeight:640});
but it seems to have no affect and generates no errors (yet this follows the format I use to create the link. On the page which is:
$('#updateBx', parent.document.body).html('<a href="" class="frmMe">Glorious</a>');
[URL]you will notice if you click the image, the Colorbox comes up with a new image, BUT if you click the word Details below the image, the colorbox effect does not take place, even though it using the same link as the image. is there a way to make that text link be clicked and have an image pop up in the colorbox style?
View 3 Replies View RelatedI'm using ColorBox to open a simple popup and it works fine. In the same page I have a link which sends an ajax request which return the entire <body> content that I then use to replace the body of the current page. After I do this replacement, the colorbox does not open anymore. I got no JS errors.
Here is a code which reproduces this behaviour
<html>
<head>
<script src="js/jquery-1.4.3.js"></script>
<script src="js/jquery.colorbox.js"></script>
[Code]....
In the submitAjax() function I simply replace the body of the current page with the same content.
I have an image that has been resized via CSS to show as 100x100px on an HTML page. When clicked, I want to open the image in a colorbox - so the user can see the non resized/squashed version as it will normally appear. I've worked out how to set the path of the href to itself (so this doesn't have to be changed every time) (see below), although not sure how to get the colorbox part working - I tried changing 'each' to 'colorbox' - as per how you would normally assign the colorbox, and it opens, it just doesn't load the image in it.
<div class="logoImage"><img src="../tym_img_shared/background-2.jpg" alt="Your company logo" /></div>
$(document).ready(function(){
$('div.logoImage img').each(function(){
var $this = $(this);
$this.wrap('<a href="' + $this.attr('src') + '"></a>');
});
});
Thinking about it, perhaps it would be easier to also set the 're' attribute of the link whist setting the source?
$(document).ready(function(){
$('div.logoImage img').each(function(){
var $this = $(this);
$this.wrap('<a rel="gallery" href="' + $this.attr('src') + '"></a>');
});
});
Doesn't work for some reason - but it does if I hardcode the URL and rel?
I have been trying to display "anythingslider" plugin inside a jquery modal popup. I have tried with both colorbox and simplemodal and both give exact same effect. The effects I am seeing is when the modal window is launched the anythingslider shows the start button and the 2 green 1-2 tabs stacked vertically on top of each other. I don't see anything else (no slides etc).I am testing with the code found here:URL....I am using the setup and example code as it is listed on the page.[code]
Is it possible to use Colorbox to individually load the larger versions of images?I want to assign their default of rel="example1" to various images on the same page, but have them display individually rather than in a linked gallery.
View 2 Replies View RelatedMessage: Invalid argument. Line: 12 Char: 12949 Code: 0 [URI]... I keep getting the above error In IE but Not FF.. Everything works great in FF, and almost in IE.. But I am having a hard time tracking down the cause this issue in IE.
View 16 Replies View RelatedI'm having difficulty getting a js tracking image to display.In html you would use code like:
<div class="taLogo"><script type="text/javascript" src="http://urltojsimage.js"></script></div>
However if I want to load it using jquery I'm having no luck.
[code]....
Need to know why this code below records the click in IE but does not record the click in FF or Safari. a.adBanner is an internal link within the same domain. [code]
View 7 Replies View RelatedI need to add sequencial tracking code to each link on a page.The tracking code changes every month, this month it is
?cmpid=FS005a
Before
<a href="http://somesite.com">Blah</a>,<a href="http://somedifferentsite.com">Blah</a>
After (a number starting with 1 is appended)
<a href="http://somesite.com?cmpid=FS005a1">Blah</a>,<a href="http://somedifferentsite.com?cmpid=FS005a2">Blah</a>
I'm tryng to develop a link tracker, something like google analytics. The goal is to get a command like this:
$('html').trackAllLinks(optional options);
$('a').trackAllLinks(optional options);
Now i developed a javascript that could do just what i need but the problem is it doesn't work in every browser as it should be. Because i want to track a link click i need to make a request to my server to say that the link has been clicked. The first problem i had was that i needed to make a cross domain ajax call. But this is fixed by using JSONP. Now my code looks like this:
[Code]...
The first idea was that i wouldn't do anything in the success of the jsonp call and just let the request go, but because this didn't work when i clicked on an external link, i changed it to wait on a response before opening the link. The problem with this code is that it doesn't work in Opera, no request is being send to the server Now i know that JSONP mimics the ajax call by adding a script tag to the page which loads the script of the given url. Now i think when i do this in Opera the dynamically loaded javascript isn't executed. In Firefox, IE, Chrome, Safari it works but not in Opera.
Another idea i had was by dynamicly adding an image to the page. But this has the same problem in Opera and i was unable to track an external link in Safari and Chrome (Webkit.
I need to target a certain div and all its links and on click of any of those links load a tracking page in an iframe. Right now, if this function can just load the same file into that iframe, that will be great. In the future, if I could loop through all the links and get their name attribute (which will have the specific link to an individual tracking file), and load that into the iframe, this would be the most desirable.
View 1 Replies View RelatedI am having so much trouble with my tooltip in jquery, I think I am starting to lose the plot!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[URL]">
<html><head>
<script type="text/javascript" src="[URL]"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#tooltip").hide();
/* $(".box_button").hover(function () {
var text = $(this).children(".green").text();
$("input").val(text);
});*/ .....
When a user clicks the "Send Carol a Message" button and submits the form I would like the "Message Sent Successfully" alert to display within the modal window. Ideally, I would like for the modal to close after "X" seconds but this is not an absolute necessity
[Code]...
How would i make it so if a user visits
http://www.mysite.com/a.php
i would have a javascript set a cookie
then if the same user visits (within 30 days or so)
http://www.mysite.com/b.php
it'll write their ip address to ips.txt?
is this simple to do?
In Firefox, what's the best way of tracking the form submit?
The following are two ways I tried, but they won't work if the form is
submitted through JavaScript.
Method 1: using the window.onsubmit event handler
Code: window.onsubmit=handleEvent;
Method 2: I am attachin event listeners to all the forms for the event
submit.
for(var i=0;i<forms.length;i++)
{
var form=forms[i];
form.addEventListener("submit",handleEvent,false);
}
It seems submit event is not generated if the form doesn't have a
submit button. Why so?
What's the best way through which what ever way the form is submitted,
I should be able to track it.
I'm currently integrating the shinystat stats system with a flex
application. Unfortunately like all flash player apps you don't have
pages. To solve the problem I made a very simple javascript function
that is called from flex and loads the traking image from the shinystat
server.
The response from shinystat comes in two rounds. The first response (a
file moved 302 http code) make the browser calling a second server
where the image is stored. With the second response come the traking
cookies. Now if I test a dummy page on my local machine it works just
fine, cookies are set. But the problem come when I upload the page to a
www server. When the browser opens the page the image is fetched fine
but the cookies are not set.
How can i read the light filter properties?
I have a divide with id="pic". I have assigned a light filter -
pic.style.filter='light()'
I have assigned an ambient and two cones to the filter and made an interface
to change the parameters. I now need to read the status of the filter in
order to save the states. I have tried pic.filters.item(0).ambient.color -
pic.filters.light.anbient.color and some other variations but nothing
returns a value.
I have almost completed a web site using PHP that tracks the amount of time users stay on my site. The problem is that right now they need to hit the "Log Out" button so that I can get the log out time. Since I can't rely on them to do this, I need a work-around. I have submitted some posts and most people seem to agree that a clear gif or "web bug" is the way to go, however I can't find any info on how to create such a script. Is there anyone out there that can provide some information on this? I need a script resource or at least a place to start. I may be willing to pay someone to do it if the price is right.
View 3 Replies View RelatedI'm trying to walk a person through the registration process on my site. This is a total of 4 or 5 steps. I'm thinking about using the jQuery progress bar to go from like 25% when the user starts, 50% after the second page etc.
I'd like to do the calucation on what page they are on and then move the progress bar to show the progress. How can I alter the jQuery code to acheive this type of result? Also, is there anyway to animate the move from like 25 to 50%?
I am wanting to start tracking the clicks for certain links on an ecommerce site i run (its php based). However, i also want to track the conversions associated with these clicks too. And at the same time i do not want to change the links so that i don't have seo issues as well as issues with link sharing.
Because of these requirements i'm thinking ajax may be the best solution. I've setup a tracking ajax script which works well when the link is pointing to '#' but as soon as i change the link to an actual location the script fails to trigger, the link uses an onclick event. Is there a way to make the ajax script trigger before the page changes? Would this cause any delay on the loading of the page the link goes to?
I can tracking outgoing links now for html links. How can I track outgoing links in flash with jquery or something else?
<html>
<head>
<meta charset="utf-8">
<title>Tracking outgoing links with JavaScript and PHP</title>
[code]....
I am currently working on a script that has a background image("target", i.e. the image with rings that you would fire a gun at) a movable image ("person1") which can be moved by the mouse, click and drag style. What I would like to be able to do is get the location (in pixels) of "person1" to update as it moves around the screen so that I could potentially calculate the distance between it and the center pixel of "target".owever, my code currently only updates on the release (onmouseup I suppose?) of the image because I am using onMouseMove as my trigger and as long as it is dragging the image, it the mouse isn't "moving" because it is constant relative to this image.
So, I am looking for any alternative suggestions on a method to find this information. I started working in HTML/javascript on Monday, but if you throw out any suggestions I don't understand, I'm sure I can just google it.My current code implementation includes:To make my image movable:
<STYLE>
@media all
{
[code]....
