Is 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 RepliesNew to JS. Have ordered some new books, but need to get somethings going in the mean time. What I wanted to do is to link to a new page having a date range input in the form of 6 text boxes, 2 sets of mm-dd-yy, from and to, where the upon loading the page box 1 of the from would auto focus and then auto tab and then post where php could take over on the server side. Setting up the form and the lay out, no problem. Auto focusing went just like expected using the following code, included because on the next step everything fell apart.
Code:
<script type="text/javascript" >
window.onload=function() {
document.getElementById("input1").focus();
}
</script>
So then the wheels came off and in response, began to simplify what was trying to be done to find where the issues were. As far as I can get working is:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL]">
<html>
<head>
<script type="text/javascript" >
window.onload=function() {
document.getElementById("input1").focus();
}
</script>
<script type="text/javascript" >
function myFunc() {
alert("is this working");
}
</script>
</head>
<body>
<input id="input1" name="input1" type="text" onkeyup="myFunc()" maxlength="2" value="type a No." />
</body>
</html>
First issue with this: When I first get to the page everything is just as ordered. The focus is on the text box and the default value is "type a No." When I press a key onkeyup, I bring up the alert box with "is this working" in it. But when I refresh the page with the refresh button, after clicking the "ok" on the alert box, the character that was typed in is still displayed. If I use the link to the page, or the URL from the address bar, then the page reloads properly with the default value, "type a No".
How do you get the default textbox value using the refresh button as apposed to reloading the page using a link or from the address bar? Using Firefox 8.0 more important at the moment: If I change the script to pass an argument to the function the script crashes. It does not pull up an alert box and freezes. My guess is that I'm doing something wrong on a concept level. Changed the default value of the text box to " ". Looked like to me there was an issue with the size specification and the default string length as you could only enter in a key stroke by highlighting the text and replacing it.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL]">
<html>
<head>
<script type="text/javascript" >
window.onload=function() {
document.getElementById("input1").focus();
}
</script>
<script type="text/javascript" >
function myFunc(awe) {
alert(awe);
}
</script>
</head>
<body>
<input id="input1" name="input1" type="text" onkeyup="myFunc("123")" maxlength="2" value="" />
</body>
</html>
I've one checkbox,I need to capture the status of this checkbox(i.e checked is "true" and unchecked is "false") to the java method as parameter.
I've check box like this
Code:
Javascript to get the status of check box like this..
Code:
I need to pass the return value of the javascript to the java method in command link action like thiss.
Code:
Inside client control I generate a button, with script to run.I want to call object's Print() method when this button is clicked, the result value must be passed to Print() as well.How can I do that?This is my object:
Type.registerNamespace("CustomControls");
CustomControls.FirstObj = function(element) {
CustomControls.FirstObj.initializeBase(this, [element]);[code]....
I've one checkbox,I need to capture the status of this checkbox(i.e checked is "true" and unchecked is "false") to the java method as parameter.
I've check box like this
code:
Javascript to get the status of check box like this..
I need to pass the return value of the javascript to the java method in command link action like thiss.
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>
[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 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.
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]...
i wonder if there's a way to find an absolute position of a div-layer from the bottom of the page with some jquery-code.
i need the bottom-value of this container, because my elements are positioned from the bottom of the page.
I create an img, map, and area element dynamically. If I set the img to absolute position and set its top and left properties, they are removed as soon as I call $('map').hilight();. I can actually see the absolute position for one second, then the img element fly's over to the left side of the screen.
View 2 Replies View RelatedI am trying to position a themeswitcher widget (jquery.themeswitcher.js) near the right edge of a menu widget (jquery.menubar.js). Here is the HTML:
<body>
<h1>Menubar tryout</h1>
<h2>Last action:</h2>
<p id="menubar-command">nothing clicked yet</p>
[Code].....
The menu bar works OK. But the themeswitcher resolutely locates in a screen-wide "overflow" of the menubar div, and doesn't have the correct nifty dropdown (it is squashed up to the height of a single line).
I expect the root of my problem is a misunderstanding on my part of the CSS.
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 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 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 am trying to modify a jquery plugin (Infinite Carousel) to present some boxes instead of a plain image content. Here is theDemo I m not sure if this is more styling or scripting issue but I am encountering with tow problems as:1 - Contents of The Second round (First Click to Right) Doesn't fit inside the wrapper2 - There are some unknown dots ... after the Twelve and before the first item(in First click to left or Second Click to Right).
View 4 Replies View RelatedI am creating a single column fluid layout and have run into an issue when positioning the images I display via Mike Alsup's cycle plugin. I dynamically load a "content" DIV with three other DIVs, one of which is controlled by the cycle plugin. The other two DIVs are positioned as expected, however the DIV that cycle is handling has positioning CSS added to it inline that is pulling it out of my page flow. (When I disable the cycle code the single image I load first displays as expected.) Here is the code from that particular DIV:
[Code]...
I am trying to arrange 15 divs into a 5x3 grid.The divs have an id of piece1, piece2, piece3 etcI figured I could run a loop wherein each div is positioned to the right of the last.For each div, I'm trying to store the current position and width into variables then move it to the right by the number of pixels the div measures widthwise.This would position 5 divs horizontally and I am still unsure of how to get the next row of 5 divs positioned under the first and so on.This is what I have so far:
JQuery
for (var i=0; i<x; i++) {
var pos = $("#piece" + i).offset();
[code]....