jQuery Forum

hi all,

hi all
i am trying to create a dialog box, now the content of this dialog box is nothing static, it will be loaded dynamically at the time i call this dialog box.
i am able to call this dialog box, i have a table with an id to which i add one row at a time dynamically.

here i am having the problem, i want only 10 rows of that table to be visible, but i am unable to set that thing.

if i change the height to be relative, it wont show on UI, but when i click on the dialog box, the dialog box size increases but the content size remains the same.

can anyone tell me how can i make it show only 10 rows while keeping the dialog box size same.

thanks



Edit:  I have created one sample UI similar to this problem. this is the link:  http://jsfiddle.net/8nAJC/3/

Here, if you click on the Dialog, the size of dialog box is changing. but the content size is the same. I dont understand why.

hi all,
i am trying to create some markers on an image to point some options. I would like to emulate the same shape as google marker balloon, but i dont know if its possible to create using just css and javascript or not.

i have created a function which creates a rectangular div on the image when we click on the image. but i want its shape to be like a water drop, as it is much more better to see and figure out what it is pointing to.


so can anyone or you tell me if its possible or not, or do i have to use images for this?

hi all,
i have a task in which i have a partial url of a webpage on a server, now i want to load it on the browser.
I used window.location for this task and its working. but the real issue is that i need a javascript code to be inserted in to this webpage. and here i am having some problem.

this webpage is not specific, but its in a particular location on the server, the user uploads the page of his choice and this will be used as a screen saver, i.e. when the application is used for some time interval, the webpage will be shown. the user selected file is added to the partial url dynamically.

now, the script can't be added there unless i have the html element of the webpage, i dont know if i can use jquery for this.

please tell me a possible solution for this.

hi all,
i have a  requirement to use an iframe which will be showing a webpage, this webpage should be a sort of thumbnail preview and also, it should be read only, i.e., the user can scroll the page but the links and buttons in the page should be disabled.

i tried reducing the size of the content page by giving it an ID and then reducing the size relative to the iframe, but it didnt work. i also tried to disable all the click events on iframe, but still the click event was working in the content.


anyone has any idea how we can solve these issues?

thanks

hi all,

i want to create a drawing board in an html page were i can draw anything by dragging the mouse. and when i have done the drawing, i want to create an image of that drawing,

i found some examples doing this but so far all were using html 5, my requirement is to support most of the available browsers.

does anyone knows how i can do it.

i found one link which had what i required, http://www.motyar.info/2010/01/draw-with-jquery.html
but in this the only problem is that if i drag my mouse faster, the draw line is discontinuous. i want it to be continuous free flowing colored pixels.

hi all,
i am facing some issue with jquery keypad 1.4.0, everything is working fine in firefox, but when i put it in IE7, when i use jquery 1.4.2, the width of the keypad div covers till the width of the screen, 

hi all,
i recently started using jquery keypad plugin for virtual keyboard. its working perfectly, but the only thing is that its supposed to be used on machines which will have very large displays. so i want thinking of some method to make its size a little bit bigger. i tried the .keypad('change'      method but it didnt work.

anyone here who can tell me some way to change the size, i would like the size to be relative to the screen preferably. and it should change the size uniformly when we increase the size of the webpage

hi all,

hi all,

hi all
i have a unique problem with linking jquery keypad plugin with a jsp page in a project. i downloaded the keypad plugin from jquery site and put it in a library folder in my project. now when i try to link the js file from there, i get javascript error.

my jsp page is in folder1 under WebContent and my keypad.js is under folder2/common/jquery.keypad.js.

this folder2 is also under WebContent. i tried to check the link using firebug, its showing the path given is correct. but when i try to use the method in it, i get javascript error : "$.keypad is undefined" or "keypad() is not a function "

i can even open the js file from the link.  and strangely enough when i put the jquery.keypad.js in folder1,
everything starts working.

this is the path which i use for folder2  :
<script type="text/javascript" src="../folder2/common/jquery.keypad.js"></script>

and this is the path which i use for folder1:
 <script type="text/javascript" src="/jquery.keypad.js"></script>

can anyone tell me what is going wrong here. i can't understand the path problem as i am using many other jquery libraries using the same path.

hi all
i have a requirement in which i need to find out whether the system in which the web page is running has a keybroad or not. as it may also be used for touch screens.

so my question is. is there a way to access user system information to detect whether it has a keyboard or not or is there any other way or logic by which we can find out the touch screen monitors( not smartphones).

hi all,
i have created a form which is like this.

<form name="form" action="servlet" method="get" >
password <input type=text /> <a href="" id=measurement > advs setting </a>  <br>
<input type=submit value=submit />
</form>


<div id=SetLoc >
<table>
    <tr>
          <td>
                <input class="keys" type=button value=M />
          </td>
                <td> <input class="keys" type=button value=D />
          </td>
                <td> <input class="keys" type=button value=F />
          </td>
                <td> <input class="keys" type=button value=L />
          </td>
   </tr>
 </table>
</div>

now, i have a div SetLoc which has some advanced settings for measurements. now what i want is when the user clicks on any of the buttons, the value should be added to the previous textfield.

here the important thing is that i cant use the ID or name of the textfield as i will be using the same div at many places and i need to put the values from these button to the textfield just before this div.

i am calling this div like this

$(this).next( $("#SetLoc").slideToggle() );

so it will be showing the div just below this.  now how to put the button values in the textfield above it??

hi all

hi all,
I am making a web page which requires three main functions

the layout is like this
function main()
{
update();
showResult();
}


function update()
{
setTimeOut('alert("process finished")' , 1000);
}

function showResult()
{
 alert("updated result");
}

now, my problem is when I am calling main() method, right now, if i call update() method, the showResult() method is also getting executed simultaneously. I dont understand how.

I am unable to fix this problem after trying many things.

can anyone tell me how I can make the flow of programs sequential??

hi
i wanted to know if its possible to show an error message or load a custom error page when the server is down or not running and the user requests some service on the web page.

i am also using reverse ajax, can the same task be done using this?

hi all,

hi all,

i have a jsp page with some setting values and i have a javascript page for all the element events.  In this js page i have added all the jquery method calls and form submit statements.

initially i was using dwr to call java methods and get the values in the drop down box and textfields in the jsp.
the jsp page is working fine, but somehow, i am required to replace these calls with some other javascript calls.

i searched on google for possible alternatives and found out about json object, I have also know that we can create json object using jquery also.

but the real problem is how to pass java bean object to the json object.  i couldn't find anything useful in this regards.

can anyone tell me a possible way to do this. the real objective of this task is to reduce the overhead from dwr requests and replace it with some direct client server interaction

hi all,
i have a table row, in which there are three elements:
a textfield, a button and a drop down box.

now i am showing a div on a button click with the width equal to the total width of all these elements. but, in my system, monitor resolution is low; 800 * 600.  and when i set the width of the div, its reached till half of the drop down box.


but on high resolution in other monitors, the alignment of the div is correct. i have checked it till 1280 * 1024.

i want to know the reason of this change in width

here are the offset code

var rightoffset = $("#paramType").offset().left+$("#paramType").width();      // calculate the right offset of param drop down element

var offset = $("#param").offset();           // offset object for textfield element

$("#frame").css('width', (rightoffset - offset.left));          // set width of the div.

any one can point out the problem here??

hi,

i have a div on which i am calling toggle() to show it on  a button click event..  initially the div css is set as         display:none; 

now when i click the button first time, the div shows up, but when i click the button again, it hides some one second and again comes back.  i tried slideToggle also, but same result.


i dont know if its a bug or something is wrong in my code.  i tried to experiment with duration of my click.

when i use double click, the div will show up once again but it will hide eventually.

please tell me a way to fix this  problem..

hi everybody,

i have a problem with html select. i will be selecting an element from the select drop down, then i will click a button which will result in changing the position of this element with the element just above it.


is it possible, i am getting the element id, i thought of using  replaceWith method, but its giving some error. 
" uncaught exception: Syntax error, unrecognized expression: #  ".

i also wanted to know if this thing is possible in jquery or not..

hi
i wanted to show a datepicker on a custom click event.  i can't use datepicker button or image due to lack of space and certain other restrictions.

i have created a custom button with a custom look and feel. i want the click event on this button to trigger datepicker display.

i tried to use

 $("#datepick").datepicker();

but this is merely associating  the textfield datepick with datepicker, its not showing it..  rather we have to click on textfield after the button click to show the datepicker.

i also tried 

 $("#datepick").datepicker( 'show' );

but this also did not do any changes..

can anyone tell me any possible way for getting this event..

hi
i have a requirement which requires me add a root node and set its value which is unique from other nodes in the dynatree.

here is the code i am using to create the tree

$("#catTree").dynatree({
        idPrefix: "sencat_",
        debugLevel: 0,
        clickFolderMode: 1,
        imagePath: "images/icons/",
        minExpandLevel: 2,
       
        ajaxDefaults: {
            cache: false,
            dataType: "json"
        },
       initAjax: {
            url: "../view/leaflets/PersonCategory.jsp",
            mode: "all"
        },
             
        onLazyRead: function(dtnode){
            dtnode.appendAjax({
                    url: "../view/leaflets/PersonCategory.jsp",
                    mode: "all"                   
            });
        },
       
        onActivate: function(dtnode) {
         oncategoryActivate(dtnode.data.key,dtnode.data.title);
        }
        //fx: { height: "toggle", duration: 200 },
        });

and this is the process in jsp

    try {
      pObj = (PersonInterface)list.get("person");
      
        m = new StringBuffer("");
        sens = pObj.getPersonTypes();
       
        if(sens.size() > 0)
        {
       
            m.append("[");
            int i = 0;
            for(Person s : sens)
            {
                String lazy = "";
                i++;
                if(i == 1){
                    m.append("{");
                    m.append("isFolder: true, title:\"<b>All Sensor Types</b>\"},{");
                    }
                else
                    m.append(",{");
               
                    lazy = "isLazy:true,";
                    String name = rep(s.getName());                   
                    m.append(lazy+" isFolder: true, title:\""+name+"\", tooltip:\""+name+"\", key:\""+s.getId()+"\"}");
            }
            m.append("]");
        }
        out.println(m);
    } catch (Exception e) {
        e.printStackTrace();
    }

now i want to add a root node to it and also set its id to 0 or -1, as all the other values will be used by this nodes created in the program.. 

can anyone tell me a procedure to do this.

i have tried to add the root node at the start of other nodes, but its not showing up and also not giving any error.