JQuery :: Getting Generated Obj Width?
Aug 30, 2010
I'm new to the forums, yet not new to jQuery. Still, I never had to get properties from objects generated on-the-fly, till now. I have a pager generated by cycle plugin, for each slide, a button is created, and the container of those buttons is enlarged. The amount of slides is determined by the user, so can't specify a default or maximum width. When I examine the object with firebug, I get the full width, including the generated pager buttons. But my script keeps on getting 0 as width, which is the width of the element when the page loads.
Anyway, is there a way around this? In case I haven't explained myself well, say it and maybe I can paste the code.
View 1 Replies
ADVERTISEMENT
May 31, 2010
I'm would like to add a light box to a site that has content generated by php. Basically it is a property site and will have a thumbnail image and description. When the user clicks on thumbnail I would like to display a gallery of pictures relevant to the property. Each property will be generated dynamically by php. My question is how do I enter the selector for the gallery into jquery. I am thinking of using Fancy Zoom as you can use hidden elements, as the gallery will be hidden.
View 1 Replies
View Related
Apr 26, 2011
Is there any way that one could have supersubs functionality applied to drop-down multi-column menus?I assume one would need to calculate the width of each column plus the combined width for the container.
View 1 Replies
View Related
May 5, 2010
I currently have a website where i share thoughts with my friends (some kind of forum) and within this 'forum' people can post pictures they made but most of the time these pictures exceed the max width of my website so my website gets all streched out!So this is what i want: all images on the page must run thru some sort of function which checks if the image image width exceeds the max_width. if it does then the script must calculate how many pixels the current width exceeds the max_width and get this number so that the script does: current_width = current_width - (max_width - current_width)
View 1 Replies
View Related
May 18, 2010
I've recently start using Flexigrid (old JQuery grid plugin), and, as you may know, one of the few issue this really good grid plugin got is the lack of liquid layout option. My personal idea to solve the problem is to set the "width" parameter depending on $(window).width. Here is the problem (and here's why i post this question in "General use" and not in "Plugin").
The starting, and working, code is:
$(document).ready(function(){
$("#flex1").flexigrid
(
{
[Code].....
This work fine for me, but I supose it could be done way much elegant... maybe somethin without "IF" that could emulate the "%", like var percentage = $(#div.id).width()*0.XX with the 0.XX picked from an array of percentage, one for each column. Probably I should set up a function... ahhhh, as you may easily see I'm a total beginner with JQuery (and JS in general...)
View 3 Replies
View Related
Jul 28, 2010
Is the next jQuery code the best way to decrease an elements width?[code]I tried using the next code:[code]but that's not working, also not with '-20'.Maybe it's an idea to add this functionality? It's is already used in the .animate() function for changing the position of an element.
View 3 Replies
View Related
Jun 2, 2010
I got a table, first tr got 10 td, how to get the sum of the first three td's width
All I know is like:
Is there any solution via jQuery?
View 1 Replies
View Related
Oct 4, 2010
let me try to explain better what I'm trying to do. I'm a real newbie I don't know much javascript but I understand more or less the logic behind it... tell me if this solution should work and if you know how to do it please show me. [URL]... I need to make div#photo's width to match the total width measurement of all the images it contains. If you load the page and you don't touch the size, it will work fine... but that's not realistic. If I resize the page, which will happen often on this kind of page (I'm assuming), the whole thing goes haywire (try it, scroll to the last image and resize the page you'll see what I mean). What can I do? Is my idea the right solution? Am I not explaining this clearly enough? Let me know please, I'm desperate. I've been trying to get CSS to do this for me for 3 hours now. Nothing works.
View 6 Replies
View Related
Jun 4, 2011
I am trying to setup a javascript function that sets a div's width based on the combined width of the li's with the name "navItem". The problems I have been running into when trying to define the width of the li's is that they do not have a width defined in css. Can anyone help me out with this? The javascript function setWindow is suppose to show the div loginWindow and set the width of it.
Code:
<div id="topNav">
<ul>
<li><img src="<?php print $site->folder['images']['header']; ?>topmenu_left.jpg" border="0" alt="" /></li>
<li name="navItem"><a href="<? print $site->url['about']; ?>">About Us</a></li>
<li name="navItem"><a onmouseover="setWindow('loginWindow');" href="<? print $site->url['billing']; ?>">Client Services</a></li>
[Code]...
View 3 Replies
View Related
Sep 10, 2009
I need a code that when a button or image is clicked then a div's width and height are changed.
Ive managed to get a few codes that does this, but the real problem is that, the contents of the div is an embedded flash file and i thought that by setting the flash width and height to 100% then the flash would fit to the new size of the div, but it just didnt work.
I need a code that when a button is clicked then the div's and the flash's width and height are changed.
please have a look at the temp website latinunit net / temp / , you will understand where im coming from.
on the right hand side i have a flash chat in a div , div is controled by a script that allows it to follow the scrollers up and down.
My goal is to add a little button in the same div that says expand or maximise so when clicked the the div expands aswell as the flash file.
View 4 Replies
View Related
Nov 5, 2011
I want to set the width of a div to be the same width of the image inside the div.The following code works great. But...The images are different widths, so both wrappers are set to the width of the first image. Without having to add an ID to each wrapper or image, can the wrapper width be set to the image width using the name of the image as the unique identifier?
jQuery:
$(document).ready(function(){
var newWidth = $('div.wrapper img').attr('width');
$('div.wrapper').width(newWidth);
});
HTML:
<div class="wrapper">
<p><img src="image1.jpg" width="200" /><br />
Caption</p>
</div>
[code].....
View 7 Replies
View Related
Feb 16, 2011
I've got a hidden template div that contains an <LI> that is cloned and added to an <UL> on the fly. The cloned <LI> items have placeholder IDs. What I want to do is find all the IDs *within the cloned <LI>* that has a defined string in it (and then replace that string with the proper index, etc.)
So, for example, here's the HTML of the template:
<DIV id='thisLineRowTemplate' style="display:none"> <LI class='arrow' id='thisLineTemplateLI'>
<a href='#ex_EXNUMBER'>
<DIV class='LABELCLASS thisLine_labelContainer'>
<TABLE height=100% width=100%>
<TR valign='center'><TD align='center'>EXLABEL</TD></TR>
</TABLE>
</DIV>
<IMG id='thisLine_checkmark_EXNUMBER' class='thisLine_checkMark_off' src="assets/checkmark.png" width=60px height=54px>
<DIV id='thisLine_item_EXNUMBER' class='thisLine_exNameContainer'>
<TABLE height=100% width=100%>
<TR valign='center'><TD>EXNAME</TD></TR>
</TABLE>
</DIV>
</a>
</LI>
</DIV>
And here's the code so far:
for(rowIdx=0;rowIdx<theRows.rows.length;rowIdx++) {
thisRow = $("#thisLineTemplateLI").clone();
$(thisRow).attr({'id':'thisLineRow_'+rowIdx, 'display':'block'}).appendTo("#theList")
$(thisRow 'select[id*="EXNUMBER"]').each(function() {console.log("Found a EXNUMBER")});
};
Line 4 is what's stumping me. The <LI>s are being cloned perfectly. I've tried a couple of different selectors but honestly, I'm still pretty new to jQuery, so some of the concepts continue to elude me. At this point, all I get is "Parse Error" on that line.
View 4 Replies
View Related
Oct 31, 2011
im really new to Ajax and JavaScript, but I did a lot in ActionScript 3 and C#.
[Code]...
View 6 Replies
View Related
Aug 11, 2009
How can I add an action to html generated by javascript?In the example below I add a link with the class 'example' to a div after a click on the 'test' link. (this is still working fine).Now, when I click the example link, nothing happens. How can I make this work?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/ xhtml1-transitional.dtd">
<html lang="nl">
[code]....
View 2 Replies
View Related
Mar 14, 2011
when I generate a new <form></form>, I do not succes to validatte it. here is a light example wich reproduce my problem.
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" lang="fr-FR"><head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" language="javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
jQuery("form").submit(function() {
[Code]...
View 2 Replies
View Related
Sep 1, 2010
I'm stumped on a jQuery related development task. I'm using jQuery in a SharePoint Web Part...The web part pulls data from a list and displays each item as a link button. When the link button is clicked it uses the jQuery-UI to display the body of the list item in a dialog box. I have this working perfectly when all of the class names are hardcoded. So in this code dialog0 is the class name for the body of the first article. newTitle0 is the linkbutton so they correspond 1:1 (and so on Dialog1, newsTitle1 etc..)
$('.dialog0').dialog({
height: 500,
width: 990,
autoOpen: false,
[Code].....
Problem is, when I have more than 1 instance of the web part on a page, because they use the same class names (2nd web part would also use Dialog0, newTitle0), if I click on an item in one web part, the item with the same class name opens in the other web part as well.
I've implemented it so each item now has a unique ID but I don't know where to go from here, so multiple instances of the web part can be on the page, and have the jQuery know which body to display when a link is clicked.
View 7 Replies
View Related
Feb 10, 2011
I have a list of elements and I would like to add a class (.event_deleted) to some of them on behalf of the users choice. The goal is to mark with a strikethrough the elements of the list the user selects by clicking an icon I display besides each element.
[Code]...
View 4 Replies
View Related
Apr 25, 2011
I am rather new to JQuery and would like to use it with php. I ran into problems when my html is not static, I generate php forms on the fly using my php script and JQuery just doesn't seem to validate those forms. When put the same form in static html file JQuery works like a charm. What could be wrong? Does JQuery need a page to be static? Right after I load my php page firebug reports that $(document).ready(function() { is not a function and JQuery is not defined. I have loaded the necessary JQuery libraries.
View 3 Replies
View Related
Jul 4, 2010
I have 9 select boxes on my page containing lots of subcategories for businesses.I require the user to select an option from only 1 of the 9 selects. To make the user experience better I hide all of the select boxes with CSS and generate a dynamic select box of categories. When a category is selected from the generated dropdown, the subcategories select box which is hidden by CSS is displayed. I am trying to apply a few validation rules to both select boxes and have a few rules I need to follow:
[Code]...
View 1 Replies
View Related
Oct 21, 2010
i'm from germany and i'm new to jQuery so i hope i can explain my problem in a right way...
I'm reading some data from a xml file with ajax and i'm creating a list of this data pieces. Now i want to do something whenever you click on an item of that list.I think i'll just show you some of my code:
[Code]...
At first i create a list with id="liste" and add list items from the xml file to it. Then i want the script to call function getInfos() when you click on an item. But it does not work like this.
View 2 Replies
View Related
Dec 21, 2011
I have the following code:
function showThumbs(videos) {
for (var i = 0; i < videos.length; i++) {
var videoID = videos[i].id;
[code]....
View 1 Replies
View Related
Sep 28, 2009
I guess the title says it all. I've generated two checkboxes and two textareas via an ajax requst. When I later on call anoter function I want to get the valus from the textareas and to know if weather the checkboxes are checked or not. But that seem impossible to be as you seem not to be able to select an element generated after the page load, or am I wrong ?
View 1 Replies
View Related
Apr 2, 2010
I`m trying to access an element generated by append() :
i have this :
.append("<a id='delete_button_team_member' href='javascript:void(0);'><img src='_assets/images/icons/delete.png'/></a></div>");
and try to :
$("#delete_button_team_member").click(function(){alert("ceva");});
View 4 Replies
View Related
Oct 22, 2010
I have a jsp file that is used to display data from Java objects running on my server. I'm using JQuery for tabs and to handle the ajax calls to a servlet that affects the Java server I have running.Each tab represents a service, and has a corresponding java object on the server side. These are generated from the spring configuration, and is working fine. The page is used to control some aspects of the service, and I have a few buttons that can be clicked. I'm trying to get it so that when a button is pressed, the appropriate Java function is called on the service's object (this happens using ajax) and then refresh the current tab.
My js code is like this:
function doPause(params) {
//some additional params set
doAjax(params);
[code]....
Right now, I'm using the window.location.reload(true) to refresh the whole page but I'd like to just redo the div for the tab that contains the button that has been clicked.I have tried:
$("#"+params.client).load("monitor.jsp#"+params.client);
instead of the window.location calls above, but that puts the whole page into the tab.
View 1 Replies
View Related
Jun 7, 2010
I have list of forms generated from SQL database and every single one of them has to have unique id, so how I can select the specific item that is to be manipulated (changing values via php).the $("#submit").click(function())will trigger every submit buttons on the page, so how I can tell it to be "#<randomInteger>" thought of passing the unique value with onClick="myfunction(unique_id)", but don't know how it goes with jQuery.
View 2 Replies
View Related
Aug 12, 2009
I have called the Jquery toggle function several times in my HTML file, using for example:
<a href="#" class="link1"><img src="image" /></a>
<div class="toggle-item-link1">
--Table here--
</div>
This works fine - however, I'm also trying to call the same function via some HTML generated from a separate javascript file that performs validation, but can't figure out the code. I tried this to output to my errors array:
errors.push("<li>Please provide FULL details blah blah - <a href='#' class='link1'>click here</a></li><br />");
but clicking this just takes me back to the top of the page, rather than expanding the toggle.
View 7 Replies
View Related
