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]...
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 RelatedIt is possible to deactivates trigger registered ?
I am using :
But I cannīt find the opposed function to jqmAddTrigger() Dimanically I need to assign a trigger to a link, but depending the logic I need to remove this assignation. Is possible ?
I'm trying to use the jqModal plugin on my page: [url]
Here is a sample showing my problem: [url]
If you see this example in a IE6 or IE7 or IE8 in compatibility mode, you will see, that the the modal box is not 100% opacity. It works great in FF, IE8, Chrome and so on.
The problem is because of a "position:relative;" in the "containerTop" div - the parent div of the dialog.
I've been having problems getting jqmodal modal dialogs to display on links added dynamically by client side code. I've demonstrated the problem at the following URL: [URL] jqModal plugin here - [URL]
View 2 Replies View RelatedNot sure how stupid this requirement is, but I have a scenario, where I am rendering reports via iframe by providing a URLI am rendering reports through iframe by providing the application URL. Now the requirement is to generate a PDF file out of the iframe. I have to create a pdf file from the iframe src. I have no control over the application that is generating report in jsp.Is it possible to capture contents of iframe as image or convert it into a PDF file?
View 3 Replies View RelatedI have a jmodal popup which asks for name. One textbox and one button.
Name is required hence it has required field validator on it. And the button and the textbox belong to same validation group. I click "save" button, which saves the name and closes the popup. The problem is that when the name is not entered, the popup closes, therefore the popup should not close but since i have jqm.Hide() on button's OnClientClick it closes.
So what I did is I removed the jqm.Hide(), add a css class to button "CloseJQMModal' and I try to close the popup myself from server when the save button is clicked.
The code for that is:
This works, the popup closes and validators work. The only problem is, that after this i am unable to focus on any of the textboxes on the page. The cursor doesnt come in textboxes at all. I can still manipulate with dropdowns and buttons though but not textboxes! Although I can just right click and paste in any textboxes but i just cant type it myself or focus on textboxes.
$("#test").droppable({
tolerance:'touch',
drop: function() {
[code]....
The above code works fine at Firefox and Google Chrome. And it works at IE 8 for the first drop action. The ajax method is not called after the first call although the append still works.
another 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>
Using the very basic jqModal example, isn't it supposed to auto size and auto center the modal on the page? I placed a table that was wider than the modal's default settings and it's off the page and does not create scroll bars on the page to see the hidden section of the modal.
The default class is
Now, I know I can change the width of the modal but what about the positioning?
I'm just getting started and I went over the initial tutorial. I created an HTML page like this:
<!DOCTYPE html>
<html lang="en">
<head>
[code]....
[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.....
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 View Relatedi 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 a text field on my page, whose value I am setting through the jQuery cal
$('#Expandable').val("fefefe");
However, when I normally type into the text field, certain events occur as the text field value changes. These events do not occur when I set the value like above. So my question is, after I set the value, how do I invoke any onChange handlers?
I 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.
Actually it has been just 3 months i started using JQuery and its whole lot exciting with the things we can do using jquery. Is it possible to call a javascript function inside aaspx page created in sharepoint designer on a daily basis automatically .
View 1 Replies View RelatedI 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 have a form that is repeated through out the page by the backend, which I have no control over.
<form action="">
<textarea class="your_comment" rows="10" cols="70">
I just started to learn jQuery. I downloaded the book "Learning jQuery, 3rd edition" and tried the very first program. My program consist of just HTML page, a CSS file and javascript file. I made a folder MyFirstJQueryPage and put all my files inside it.I also downloaded the jQuery file named "jquery-1.6.4.min" and renamed it to jquery and put it in the folder where my all files are present.
[Code]...
Now please tell me that what i am doing wrong in my program. Why the code in the external javascript file isn't working.
I'm trying to figure out how to invoke a method on an object given the
object and the method name. For example, here's a simple object with a
method:
function MyObj (pName, pDesc) {
this.name = pName;
this.desc = pDesc;
MyObj.prototype.foo = function() {
return this.name + " - " + this.desc;
}
}
and here is some sample code to manipulate it.
var o1 = new MyObj("nn", "dd");
var s1 = o1.foo();
The assignment to s1 invokes the foo method and gets back the string "nn -
dd" as expected. now I try to find the foo method by it's name:
var funcName = "foo";
var theFunc = o1[funcName];
var s2 = theFunc();
the assignment to s2 invokes the function OK, but not in the context of the
object. can someone tell me how to invoke a function as a method?