[beknalikarRajeev]

Hi,

i want to open JQuery Dialog. can anyone help?

Regards,
Rajeev.

[Brandon]

If you just want the standard javascript use: alert(‘yourmessage’)
On a native app try phoneui.alert()
or to get creative look into the JQuery UI, example: http://www.genuitec.com/support-genuitec/viewtopic.php?f=9&t=5415

[beknalikarRajeev]

Thanks, it is working fine. but I have one more issue.

I am trying to open the dialog onto some other component. but jquery dialog is opening behind the component. can you please tell me how to bring jquery dialog to front.

Regards,
Rajeev.

[beknalikarRajeev]

HI,

addition to above issue i am unable to set the values to text box in jquery dialog using JavaScript.

can you please help.

Regards,
Rajeev.

[Brandon]

Do you have a screen shot you can show for the dialog being behind another component?

To dynamically change the text try something like this:

$(“#textID”).html(“Hello World”);

[beknalikarRajeev]

dialog behind i have google map. on top of i want to display dialog..

and for second i tried but could not able to set the text dynamically using
$(“#m1-latitudeField”).html(“Hello World”);
$(“#m1-longitudeField”).html(“Hello World123”)

Regrads,
Rajeev.

[beknalikarRajeev]

addition to above reply. i tried to set the the value for the dialog text using:

document.getElementById(“m1-latitudeField”).value=”Text”

Regards,
Rajeev

[Brandon]

Make sure in your dialog options you set
model: true

Make sure you are calling the correct tag for your dialog div:

<div id=”dialog-div” title=”Basic dialog”>
<p>Your dialog text here</p>
</div>

The above example would use:
$(“#dialog-div”).html(“Hello World”);

[beknalikarRajeev]

HI,
for dialog opening script is:

<script type=”text/javascript”>

$(function() {
$( “#dialog” ).dialog({
autoOpen: false,
model:true

});

$( “#m1-OpenlayersTab-push2” ).click(function() {
$( “#dialog” ).dialog( “open” );
});
});
</script>

and my dialog div is:

<div id=”dialog” title=”Conduit” >

<p>Latitude :

<input id=”m1-latitudeField” class=”m1-textfield m1-textfield-border m1-font-3″
value=”” type=”text” name=”textField9″/></p>

<p>Longitude:
<input id=”m1-longitudeField” class=”m1-textfield m1-textfield-border m1-font-3″
value=”” type=”text” name=”textField8″/></p>
<input type=”button” name=”type” value=”Submit” id=”submitbutton” onclick=”getLatlong();” />

</div>

Regards,
Rajeev.

[beknalikarRajeev]

can you please help on this.

[beknalikarRajeev]

Hi,

i am able to set the values to the text box in dialog. but i am unable to bring the dialog on top of my google map.

Please suggest on this.

Regards,
Rajeev.

[Brandon]

Even with setting it to Modal?
Do you have it on top in the outline?

[beknalikarRajeev]

Yes. Even after setting modal:true also not solved. my code is looks like below.

<script type=”text/javascript”>

$(function() {
$( “#dialog” ).dialog({
autoOpen: false,
modal:true

});

$( “#m1-OpenlayersTab-push2” ).click(function() {
$( “#dialog” ).dialog( “open” );
});
});
</script>

and my dialog div is:

<div id=”dialog” title=”Conduit” >

<p>Latitude :

<input id=”m1-latitudeField” class=”m1-textfield m1-textfield-border m1-font-3″
value=”” type=”text” name=”textField9″/></p>

<p>Longitude:
<input id=”m1-longitudeField” class=”m1-textfield m1-textfield-border m1-font-3″
value=”” type=”text” name=”textField8″/></p>
<input type=”button” name=”type” value=”Submit” id=”submitbutton” onclick=”getLatlong();” />

</div>

[Darshan Patel]

in dialog box, all the element uses a seperate line, how can i force them to stay on one line?

like i want a textbox and a label to be on the same line, how can i achieve this?

thanks,
Darshan

[Author]

Posts