A better question. Hopefully I won't figure out the answer before I finish asking this one. Is it possible to have a select box, and when the item is selected have it open in a thickbox? This is easy to do with traditional anchor tags and its also easy to open links when they're selected from a select box. Its the combination that has me stumped.
View 2 Replies
I am using jquery's thickbox. I have the basic following form which has some dropdowns. Each dropdown has a Info link besides it. I am trying to achieve is:
That when a user presses the info link it should open the showinfo.php?pid=selected value of that dropdown in the thickbox.
So in thickbox link it should be something like: showinfo.php?pid=123. But i don't know how to get the value of dropdown and open the thickbox link i.e: showinfo.php at the same time ?
[Code]...
I've seen a variety of implementations around that enable selecting all or no checkboxes by using a checkbox to toggle that choice. However, I'm trying to find a way like this: I have two text links on my page: Select All, and Select None. How can I get those links to call a jquery function to select all or select no checkboxes in my form? As a little food for thought:
<head>
$(function() {
//function for selecting all or none...is there a way to make a single function that passes in a parameter to differentiate between selecting all or selecting none, or do I need a separate function for both?[code]....
wanted to know how can i select internal links in a webpage like[URL]and add a particular class to them.
View 1 Replies View RelatedI have a 2 column page.Left nav which contains a list of items with links to their respective details page.What I'd like to do is to load that link into the div in the right side of the page.want to do this via Ajax, so I don't have to reload or redirect the page.I do have my layout coded, but my jquery code is not even close to work, so I didn't post it here.
View 3 Replies View Relatedanother Thickbox user.
Code:
tb_show('Welcome','../../tqs/zipcode_1.htm?width=420&height=220&modal=true', null);
The relative path of ../../ is what messes it up. Is there a fix? It seems to only happen within the tb_show() function of thickbox.This also happens when including an absolute path to the page.
So this is the thing, it's a simple task, but somehow, it doesn't work for me... so I hope you experts have solution to this I am new to jQuery, and I am currently exploring it's possibilites, so if you find better alternatives, i'll be glad to see them I made a simpler script of my own, just to make things simple.
I have one page (index.php), and in it, I have a div with an ID called workarea.So I want to put in some content, and I just found out about this jQuery function load(). With it, I loaded another file with only one link in it.Let me show you the index.php :
Code:
<head>
<link href='thickbox.css' rel='stylesheet'>
<script type='text/javascript' src='jquery.js'></script>[code].......
Everything works okay, the file loads.. let me show you the file I am loading. It's also simple link, but a thickbox link.
Code: <a class = 'thickbox' href = 'text.php?KeepThis=true&TB_iframe=true&width=500&height=300'>Open text</a>
Okay, the link shows, but the problem is the thickbox isn't working.What seems to be the problem ? It just shows the text in another page, not in a thickbox frame.The code of the file this thickbox link is pointed is :
Code:
<div>This is working.</div>
[URL] I developed thickbox as per above link instructions i got two issues
1.)Ajax Is not working in thickbox and
2.)Styles are not applying for thickbox
I followed as per instructed in AJAXCONTENT Category and gave link as <a href="login_lightbox.html?height=215&width=250">Login</a>
Where when i checked login_lightbox.html individually ajax functionality is working fine.....
i cant get images on an external server to appear in a thickbox, the loading animation just keeps going. when i turn off JS the image shows fine, so the link is correct.is this a limitation or security precaution of thickbox?
View 12 Replies View RelatedI use thickbox to show the larger images which works create.. and I use jquery for ajax requests that also works great. now I've got a div with all the products.but if I refresh this div to hold a table with icons it all works .. except for thickbox..somehow the thickbox images will not work anymore.. I've check the ajax return and it holds all the class info thickbox needs.
View 1 Replies View RelatedIs there a parameter or method for positioning thickbox? The center of the page is usually ideal, but not always. I assumed something like this would work, but it doesn't seem to have any affect.
View 1 Replies View RelatedSo jQuery 1.3.2 defines the visible filter like this:
Sizzle.selectors.filters.visible = function(elem){
return elem.offsetWidth > 0 || elem.offsetHeight > 0;
};
Now I've got a table of hidden (style="display: none") rows. The user will click something that will .show() a specific row, and the whole table -- along with a lot of other stuff -- will be displayed in a lovely thickbox. The problem is that MSIE 8 assigns offsetWidths and offsetHeights to the rows; even those with "display: none" active on them. In "compatibility mode," MSIE will set the offsetHeight to 0, but there will still be an offsetWidth.
Firefox doesn't have this problem; Chrome doesn't have this problem. I'm not sure if MSIE got wildly confused by moving hidden rows into a thickbox. I know I've broken MSIE's rendering of other similar tables on the page, but I doubt those have anything to do with jQuery. I've got around it by using .addClass and .removeClass and filtering on that new class instead of :visible, but I'd rather know that :visible is working as intended in the long run.
I am trying to implement a gallery using thickbox, so when a photo displays, the user can navigate them using prev/next links. To do this, I need to use the "rel="xxxx"" tag, but for some reason it wont load an image. Can anybody advise what I am doing wrong? Here is a link to the page. [URL]
View 5 Replies View RelatedI have some ajax tabs using the jquery-ui-tabs features. Within these tabs are tables with links. There are name links I am trying to load
with an ajax style thickbox modal window.Then linked within tabs, the thickbox will not initialize.When a static page with no tabs, the same code fires off the thickbox perfectly fine.
A JS code, "THAT WOULD SELECT MULTIPLE LINKS ON MOUSE CLICK":
Presently, i can select ONE. these codes are assigned to images, if selected they change color. But i just want help on MULTIPLE SELECTION.
I am working on a local server on adding a media uploadbox to a Wordpress plugin Datafeedr Randam adds for a few days now and the code I have come up with so far is hereCode added to load needed scripts starts at line 101 and media upload html is located on line 354.I have Been trying to get help at several places and did get some at #wordpress IRC. By changing the location of the script loading code - moving it to the top - things improved. Right now thickbox works and the media-upload box is loaded. I am stuck again though. Thickbox loads an empty box now instead of the media-upload details so I can upload images. One custom external javascript that is loaded into the plugin besides the WP nativity used JQuery and Thickbox I will post here:
jQuery(document).ready(function() {
jQuery('#upload_image_button').click(function() {
formfield = jQuery('#upload_image').attr('name');
[code]....
I'm trying to convert a Thickbox iframe setup to a jqModal div. While I can load content into a jqModal dialog. I run into a problem trying to explicitly close the dialog. Per Firebug:
[Code]...
[Code]...
And i need edit this code that it open the links in select to _blank not to a new window
I am new to jquery, and love it so far, but I am more of a designer, not a developer. I am learning jquery to enhance my sites, and I am having a problem figuring out buttons.
I have them working in firefox and safari, but in IE links do not work.
Here is the script I have, and the button code.
My menu navigation(Home, Hosting Solution, etc..)
1. The submenu links need to be centered in the middle of the div instead of aligned to the left.
2. Can the submenu links have a rounded box appear under them, instead of being underlined links. Like these at the top: [url]
3: The top tab needs to stay gray/active/on when the mouse is moved down to the submenu or when it is the active button.
Here is the link of the site [url]
I'm using jquery/ajax to create some links with window.open method. Here's the relevant code:
$("#content").empty();
$.ajax({
type: "GET",[code]..........
Basically, when you click a link a function is called with a parameter based on the particular link you run. Then the code runs through an xml file, and if the parent of the nodes I've cyling through has a value equal to the parameter past to the function, that node is used to create a new link with window.open function attached to it.It all works, or seems to, and when I alert what is being built, it looks right to me, yet the links don't work.I've attached a copy of one of the alerts of one of the links as it's built.
I have an image wrapped inside a link tag.<a href="somepage.html"><img id="content" src="img/some.gif" /></a>
I want this .click target to be the link: $('a').click(function(e){
Instead, the target returned is the image [HTMLImageElement].
I have tried using closest()and currentTarget:
But they all still return the image, not the link.
in my code below I am using inlinecontent from thickbox thickbox/) which works but inside the <div id="myOnPageContent"> only shows the first Category Name and doesn't loop through but it is looping outside as it shows a different Category Name at teh top of my inline content
<td class="smallcelltext"><input alt="#TB_inline?height=150&width=400&inlineId=myOnPageContent" title="Edit <%= rs1("CategoryName") %> Category" class="thickbox" type="button" value="edit" />
[code]...
I have build an code for opening a map in thick box but i have problem closing it ,i have to click outside a thickbox
View 2 Replies View RelatedI have used thickbox js library to display 'popup contact cards' on a private website. which requires the user to login, I chose this as it's far better than using real popup widows, or full windows do display the small amount of info (name, position, and phone number).
However the client has had trouble with some users clicking the browser back button to exit the 'thickbox' screen instead of the 'close' text in the thickbox header bar (or using the esc key as you can in the latest version of Thickbox), clicking the back button sometimes leads to the user being logged out returning them to the 'please login' page.
I'm somewhat experienced in coding but I'm not the best. I've been trying to figure this out forever and I'm beat. I am trying to insert a thickbox popup. I am trying to use a Iframed popup code. This one as follows:
[Code]....
