jQuery Forum

Hi all,

I need load dinamic page... my page name is dependent from json query returned by server. Then I inject code into my page...

Example:

1. function xxxx(idUtente, fantagiornata) {
       var jqxhr = $.getJSON("http://xxxxxxxxxxxxxxxx", function(data) {       
           $.mobile.changePage( "myPage" + data.xxx + ".html);   
           setDinamicData(data);   
       })
       .success(function() {  })
       .error(function() { alert("Imposibile caricare la pagina. Riprovare più tardi."); })
       .complete(function() {  });   
   }

If I use this approch, I have syncron problem because setDinamicData is called befaure changePage is completed.

How can I manage changePage event and call "setDinamicData(data);" after?

Thanks

K

Hi all, I developed my app using jquery mobile. I have indipendent image with one image as button. I want to manage touch effect as jquery moile button stile. When I tap it, image style must change. How can I do it?

I try
$(".buttonImg").bind("taphold", function(event)...
and
$(".buttonImg").bind("tap", function(event){

in the my function I change image but I don't like it. I want the same effect of jquery mobile.

Can you help me, please?

Luca

Hi all,

I need change my email. Is it possible?

Thanks

Hi all,

I need open dialog page dinamically.

Dinamically I create dom...

html += '    <a href="javascript: monitora();" data-rel="dialog" data-role="button" data-inline="true">Monitora</a>';
$('#myDiv').html(html).trigger('create');

then...

function monitora() {
    $.mobile.changePage( $("#monitoraPag"));
}

monitoraPag is...

<div data-role="page" id="monitoraPag">
    <div data-role="content">
        <p>Message</p>   
    </div>
</div>

My example run but I don't see dialog page but normal page.

Can you help me?

Thanks

I need add button dinamically in my page...

I use
var button = '<a href="#" data-role="button" data-inline="true">Commenti</a>';
$('#calciatoreDetail').html(button );

but button render as text link.

Why? Can you help me please?

Thanks

Hi all,

I know very well jquery framework but I don't know jqmobile.

I develope my first html app with jqmobile but I have this problem.

I have 2 pages:

index.html
page2.html

In index.html I have loaded static list. Each item call y js function changePage(id).

In my changePage(id) function I call jQuery.mobile.changePage('page2.html?id=' + id, 'slide');

Now, in page2 page i want get id param and call ajax service. How can I start onLoad function? In jq I using ready but in jqmobile, don't run.

In ready function I want load new dinamic list using jquery. How can I load json data receveid into jqmobile list?

Thanks in advance

Luca

Hi all, I need maximize (increase width) on select focus.

My example:

function maximize(id)
{
    $('#' +id).css({'width': 800});
    $('#' +id).css({'float': left});
}

function minimize(id)
{
    $('#' +id).css({'width': 200});
}

<select id="sel1" style="width:100px;float: left;" title="Basic example" multiple="multiple" name="example-basic" size="5" onfocus="javascript: maximize('sel1')" onblur="javascript: minimize('sel1')">
        <option value="option1">111111111</option>
        <option value="option2">222222222</option>
    </select>
   
    <select id="sel2" style="width:100px;float: left;" title="Basic example" multiple="multiple" name="example-basic" size="5" onfocus="javascript: maximize('sel2')" onblur="javascript: minimize('sel2')">
        <option value="option1">111111111</option>
        <option value="option2">222222222</option>
    </select>

My select expand onfocus and restore width onblur but right items are switched... I want display up all!

Thanks in advance

Hi all,

I switch my version from 1.4 to 1.6.2 (last) but I have problem with $.ajax function!

I get this error: "No conversion from text to text/html".

My function is:

1. $.ajax({
                       url: 'mypage',
                       data: 'a=1&b=2,
                       cache: true,
                       type: 'GET',
                       async: true,
                       dataType: 'text/html',
                       success: function(data)
                       {
                           alert(data);                      
                       },
                       error: function(jqXHR, textStatus, errorThrown)
                       {
                           alert (jqXHR);
                           alert (textStatus);
                           alert (errorThrown);
                       }
                   });

My php page return html code! Help me please.

Thanks in advance

Hi all,

I using tablesorter but I have a problem:

My columns contains link... for example:

1. <tr>
         <td>Hello</>
         <td><a href=.....>10</a></td>
   </tr>
   <tr>
         <td>Hi</>
         <td><a href=.....>20</a></td>
   </tr>

If i order second column, order is not correct! How can I solve it? Can I use link attribut in table sorter?

Thanks in advance

Hi all,

my page create dinamically... For example...

I click "this" I add 5 checkbox (a,b,c,d,e) to page. If I click "that" I add others 3 (f,g,h) checkbox to page.

Then i checked first one checkbox i get correct checked item... but second, third... I get undefined because my page create dinamic html.

1. //add checkbox to page:
2. html += "<input type='radio' name='idTipoScommessa' id='idTipoScommessa' value='...'  />";
3. 
   
4. //get checked item
5. var idTipoScommessa = $("#idTipoScommessa:checked").val();

Help me and sorry for my english

Thanks

hi all,

I have a problem with IE8 browser only. My script is follow:

I have 2 areas:

area 1 contains 2 droppable items (div)
area 2 contains 2 draggable items (div)

I have a button that change droppable e draggable items...

When I start page, it runs, but when I click on button, draggable items generate javascript error.

Example:

<div id="droppableContainer" style="width:300px; height:300px; border-style:solid; background-color:#066; margin:10px">
    <div class="droppable" id="droppable1">Droppable 1</div>
    <div class="droppable" id="droppable2">Droppable 2</div>
</div>
<div id="draggableContainer" style="width:200px; height:200px; border-style:solid; background-color:#FF6; margin:10px">
    <div id="1" class="draggable">Drag 1</div>
    <div id="2" class="draggable">Drag 2</div>
</div>
<input value="RELOAD ITEMS" type="button" onclick="javascript: change()" />

Droppable items are:
-> ID=droppable1
-> ID=droppable2

Draggable items are:
-> ID=draggable1
-> ID=draggable2

When I call change function, i replase items with:

Droppable items:
-> ID=droppable3
-> ID=droppable4

Draggable items:
-> ID=draggable3
-> ID=draggable4

hi all,

I have a problem with IE8 browser only. My script is follow:

I have 2 areas:

area 1 contains 2 droppable items (div)
area 2 contains 2 draggable items (div)

I have a button that change droppable e draggable items...

When I start page, it run, but when I click on button, draggable itemg generate javascript error.

Example:

<div id="droppableContainer" style="width:300px; height:300px; border-style:solid; background-color:#066; margin:10px">
    <div class="droppable" id="droppable1">Droppable 1</div>
    <div class="droppable" id="droppable2">Droppable 2</div>
</div>
<div id="draggableContainer" style="width:200px; height:200px; border-style:solid; background-color:#FF6; margin:10px">
    <div id="1" class="draggable">Drag 1</div>
    <div id="2" class="draggable">Drag 2</div>
</div>
<input value="RELOAD ITEMS" type="button" onclick="javascript: change()" />

Droppable items are:
-> ID=droppable1
-> ID=droppable2

Draggable items are:
-> ID=draggable1
-> ID=draggable2

When I call change function, i replase items with:

Droppable items:
-> ID=droppable3
-> ID=droppable4

Draggable items:
-> ID=draggable3
-> ID=draggable4

but script generate error when I try draggable my new items

I attach my example script

Thanks in advance

Luca

Help me please

Hi all,

I would like that my datepicker don't resize when i change month. Many month, for example, have 5 rows of days (5 weeks), others month naturally, have 6 rows of days (6 weeks). Is it possible set datepicker have always 6 rows?

Thanks in advance

Luca

Hi all,

I want get html code from textarea and insert this code into my div... The problem is that textarea code don't contain html tab as <br />

When I use enter key into textare, new row start. If i get html generated and insert into div, I don't have same result.

1. HTML:
2. <textarea name="textarea" id="testo"></textarea>
3. <div id="anteprima"></div>
   

1. JS:
2. var testo = $("#testo").val();
3. var anteprima = $("#anteprima");
4. anteprima.html(testo);
   

Help me... please

Thanks in advance

Hi all,

I'm italian developer and I use jquery ui for my web site. I have follow problem:

I want insert into my page datepicker but I want color my prefixed days. Is it possible?

Can you post me example please?

Thanks very much

Luca

Hi all,

I want personalize my datapicker calendar. I want initializer my calendar coloring some prefix days. Is it possible?

Thanks

Luca