Search jQuery

jQuery Forum

jQuery Mobile

mayron.ca..

get DOM other page

in jQuery Mobile • 10 years ago

Hello people,

I have a problem to display a dialog and try to get an element of another page already used.

file1.html

<div data-role="page" id="photo-click" class="page" style="background-color: #FFF">
...
<div data-role="content" data-iscroll class="iscroll-wrapper">
<div class="iscroll-scroller">
<img id="largeImage" src="images/imagem.jpg" class="image-photo" />
...
</div>

this is the structure of file.html, I spend an element via the id for example $ ("largeImage"), but it returns me "null"

<div data-role="page" id="photo-choice" >
<div data-role="header" class="hn-wrapper ui-bar-b">
<h3 style="font-size: 11px !important">
SELECIONE A OPÇÃO
</h3>
</div>
<div data-role="content">
<div style="margin-left:-7px">
<img src="images/btn-cam.png" onclick="capturePhotoEdit();">
<img src="images/btn-library.png" onclick="getPhoto(pictureSource.PHOTOLIBRARY);">
</div>
</div>
</div>

this is the java script I am using ...

function onPhotoURISuccess(imageURI) {
console.log("Seleciona imagem...");
imagemClick = imageURI;
var largeImage = document.getElementById('largeImage');
/*
largeImage.style.display = 'block';
largeImage.width = 120;
largeImage.height = 118;
largeImage.src = imageURI;
*/
console.log(imageURI);
$( "#photo-choice").dialog('close');
console.log('close dialog');
}

or using document.getElementById ('largeImage'); works ...

Can anyone help me with that?

thank you!

Replies(2)

watusiware

Is the other page, in fact, in the document at the time that you run this Javascript code? Did you inspect the DOM using Web Inspector, Firebug, etc?

jQuery Mobile discards pages once it no longer needs them. If you want to keep a page in the DOM, you can use data-dom-cache="true" on the page div.

Why are you using getElementByID()? You have the power of jQuery, so use it. It is both easier to use than native DOM methods, as well as accommodating many differences between browsers.

Other than that, I can't help with this little information. We really need to see a complete example, not just the parts where you think the problem might be. The problem almost always is in something you haven't shown.

You are only going to bring yourself trouble by using IDs. Use classes instead. Search the forum for why.

mayron.ca..

Re: Re: get DOM other page

10 years ago

hello watusiware,

Was doing in separate files, this may have been the problem in the case Joining the two pages in the same file worked ... I ran a test (http://jsfiddle.net/mayroncachina/E7atf/) if you want to have a look ...

Thanks for the tip to use classes, IDs really used much, it has caused me many problems of incompatibility ...

Top Reply

Response title

Attachments

jQuery Forum

get DOM other page

Replies(2)

Re: get DOM other page

Re: Re: get DOM other page

Statistics

Tags

Actions