Search jQuery

jQuery Forum

jQuery Mobile

thefly73

Photo Popup problem

in jQuery Mobile • 8 years ago

Hello everyone,

I'm glad of the new features of the 1.2.0 jquery mobile version, but I want to highlight some documentation problem.

In the new popup documentation page at http://jquerymobile.com/demos/1.2.0/docs/pages/popup/index.html some "real world examples" are given about different popup styles.

I would like to implement the "photoPopup" style but there is no specification about the code for it; I only have to go and check the page source code and try to reverse engineering it, although it's not easy because when JQM is rendered by browser, the code becomes bigger and more confused.

I think it would be very useful to have explicit code examples on this page to implement the different popup styles.

This is a problem I found also on other documentation pages, where you have to go and check the code to understand how some features work.

EDIT

Other user having similar problem in this thread here https://forum.jquery.com/topic/why-ul-li-static-qutomatically-added-to-list-items

So I found the "clean" code for popups at https://github.com/jquery/jquery-mobile/blob/master/docs/pages/popup/popup-images.html still have to see if/how it works

Replies(4)

watusiware

Re: Photo Popup problem

8 years ago

I would like to implement the "photoPopup" style but there is no specification about the code for it; I only have to go and check the page source code and try to reverse engineering it, although it's not easy because when JQM is rendered by browser, the code becomes bigger and more confused.

I think it would be very useful to have explicit code examples on this page to implement the different popup styles.

I agree 100%.

Now, convince the JQM development team.

Somebody convinced them that a demo is documentation. And now that they have that idea ... well, they are a stubborn bunch.

In the mean time, you need to use Firebug or Web Inspector along with "view source".

thefly73

Re: Photo Popup problem

8 years ago

Now, convince the JQM development team.

Somebody convinced them that a demo is documentation. And now that they have that idea ... well, they are a stubborn bunch.

I really would like to convince them... how could I do? Is there a way to contact them or let them know how many developers would need and appreciate a real documentation? Maybe using this forum? Please note this is not an ironic question, just a genuine one

For those who would need some help on photo popup feature, I found the way to implement it and here's the code (it obviously works on 1.2.0 version and *not* 1.1.1)

<a href="#popupPhoto" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-transition="fade">Click to open photo popup</a>
<div data-role="popup" id="popupPhoto" data-overlay-theme="a" data-theme="d" data-corners="false">
<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a><img class="popphoto" src="your_img_directory/image_name.jpg" alt="my image description"/>
</div>

watusiware

Re: Photo Popup problem

8 years ago

I really would like to convince them... how could I do? Is there a way to contact them or let them know how many developers would need and appreciate a real documentation? Maybe using this forum?

There is a separate forum here, "Developing jQuery Mobile" which is for discussion about the development of jQuery Mobile itself. However, it has been largely abandoned by the development team.

You can submit an issue on GitHub or participate in an existing Issue:

https://github.com/jquery/jquery-mobile/issues

If you are more ambitious, you can write documentation yourself, and submit it for consideration via a pull request.

There is a weekly meeting on IRC. This is the "official" weekly meeting, but anybody can participate. Not sure how up-to-date this is:

Going forward, all communication and meetings will take place on IRC channels for better transparency and to gain input from the jQuery Mobile community. Core dev team discussion is now in #jquerymobile-dev. For help with jQuery Mobile, please use the #jquerymobile or #jquery channels on freenode.net. Weekly jQuery Mobile team meetings will happen on the #jquery-meeting IRC channel on freenode.net every Tuesday at 2:00pm EST/11am PST.

thefly73