jQuery Forum

I'm not sure what to google for in relation to this

Thanks

Omar

I want to have dynamic text in the Div with ID 'my-name'

I've just copied other code I've seen elsewhere 

What am I doing wrong?

Thanks

Omar

It will be host to different businesses - each of which will have an identical email form

When an email is sent, I need to know which business the email is for

To identify a business, I first started by simply reading the directory name - I wrote a few lines of Javascript to strip out characters and capitalise to give the correct name

This worked great. I tested many times. Perfect

Except recently I stress tested a little more - the code doesn't work

Problem: when a user chooses one business and sends and email, all is fine. But then if they navigate to another business, the email that is sent STILL has the previous directory name   :(

Different problems occur if the user enters the app anywhere other than the main index.html page

So, I tried a less clever solution: create a variable in Javascript and pass this as the business name

Problem: similar problems occur. So, I will have 2 businesses. Each will have the same email.html file - the only difference being the variable declaration giving the name of the shop in Javascript. The second shops email form send the same shop name as the first    :(

I assume this has to do with how jQueryMobile works?

Is it possible for me to have 100 different shops - and 100 different email forms?

I have 3 further options to try:

- Use a hidden field (I'm having trouble identifying the form element - but I'll get there in the end)

- Pass the name of the shop on the command line when calling the email file

- Force a fresh load of the email page - I really don't want to do this - but I guess I'll have to do if I have to

EDIT: I just thought of another solution, name the files differently - so one is called shop-a-email.html shop-b-email.html

Anyone have ANY idea what I'm talking about??     :)

Thanks

Omar

This is useful on the iPhone which doesn't want to hide the address bar unlike the Android

On these sites, the address bar seems to be forced out of the screen

I can't remember now where I saw this effect!

Is the effect done by using this: http://jquerymobile.com/test/docs/toolbars/bars-fullscreen.html ?

The description of the above link doesn't seem to indicate necessarily what I want

Or is there another way?

Thanks

Omar

They develop games in HTML5

They told me that at this moment in time, creating games in HTML5 for iPhone was not possible - because Phonegap slows down animations by 10 times!!

Is this true?

Thanks

Omar

                        

I've google and have come across on good tutorial - this is 1+ year old

Just wondering if there was anything else recommended?

And Pinterest - any recommended code samples would be great - I haven't yet had a chance to research this one - would rather just go on a recommendation

Thanks

Omar

For example, in the app I'm developing, I've got 4 social icons at the bottom - twitter, facebook, google+ and pinterest

But... I've no idea what to do with them!!

Link to the twitter and facebook and goodle pages? What else??

Allow some sort of sign up or liking?

One of the problems is not really knowing the question to ask    : )

Hope that makes some sense - just looking for some advice

Omar

I thought this would be really easy - just use local storage

I've seen other basic apps that save shopping/todo lists

The same code could be used with a shopping cart - except it would be less complex

I googled and can't find anything

(Nothing specific for jQueryMobile)

All I want is a ready made shopping basket to go to a paypal checkout

Before I start trying to code myself, I thought I'd check if this already existed somewhere? 

Thanks

Omar

For other pages, I want it to be at the bottom of the content - so if we have a long page, then it should be right at the bottom

Is the answer CSS?

I'm not quite sure where to start with this one

Thanks

Omar

All other includes in other files are ignored

But, what if you have sub directories and HTML code in those?

The include of the JS will be a different path

Does this cause a problem?

In PHP for example if you were relying on the path and self referencing in some way, then the code would be different depending on your sub directory location

For example, we might have in a sub directory:

But in the main root, we'll have:

Am I missing something?

Thanks

Omar

I was just about to post about a problem I had

I had some form validation code in my JS:

Problem, the form validation wouldn't work on Android and iPad (worked OK on desktop)

Someone else helped me find the solution... but I thought I'd post asking for comments + might be helpful to others

The problem was that I was missing: <script type="text/javascript" charset="utf-8"

So now I have:

All working nicely now

I could spent a few days trying to debug this problem or find a way round it!

Omar

Even if the code isn't used on a page - doesn't matter - just have one big JS file

I was advised that this makes things more optimal for the mobile browser + you don't have doubts about certain code being loaded or not

This advice doesn't make sense for me

I would rather split my code up into several different files

Makes it more manageable for me

But if I do this, am I sacrificing a technical performance issue on the mobile browser?

Thanks

Omar

In the JS there is some basic error checking

If one of the fields is missed, it uses alert to notify the user

Problem: this doesn't work on iPhone or iPad

Or... at least... I think!

I had the problem 5 min ago

It's gone away now!!

Just wanted to check if this was a known problem?

(Or maybe I made a change or something that made it not work!)

Thanks

Omar

This clearly sows what looks like a decent date/time picker

The content seems to indicate that this is part of the jquerymobile??

Where? On the link page of sample components, this is nowhere to be seen!

What am I missing?

I would really like to have a decent date/time picker

BEFORE anyone mentions it: mobiscroll - been there, tried it. didn't like it

Looks great. But it's just really hard to use on some phones and non responsive

I was spending a minute trying to select dates and times on my HTC Android

I'd love to get something that is actually part of jquerymobile

Thanks

Omar

Something like: what's 7 + 9?

I've googled and have tried to test many captcha's specifically for jquerymobile

I can't find any!

I'm thinking of writing my own!

I don't want to! I'd rather get something that is tried and test and very very simple like adding 2 numbers

Any pointers would be great

Thanks

OM

      

I'm having trouble. It works great on Wifi on Android

Not well if on 3G connection

AND, in iPhone and iPad - nothing - even when connected on wifi

I've looked through the docs and there doesn't seem to be any good examples of a complete form

And I definitely haven't spotted a backend PHP form anywhere

The current PHP code I am using isn't rocket science so I don't know what the problem could be

Thanks

Omar

Some tags showing that should be there. Noticed it yesterday. Still there now.

I should get paid for my efforts

LOL  :)

Omar

What's wrong if I use the standard theme??

Surely what matters is what the content is that goes in between???

Am I missing something?

Or am I forced to create a unique *never* seen before gradient for the header??

Thanks

Omar

It's been set to be width of 100%

It looks great on all phones and iPhone and iPad

Except: when you view on an iPad on horizontal

The screen becomes wider and the content reaches out to the right hand side, so you have to move the screen around left and right

Am I missing something here?

Is this a problem well known?

Or am I just doing something wrong?

Thanks

Omar

I've seen a few options when I googled - I was looking for a recommended solution

Thanks

One thing I haven't seen (I'm sure it exists) is a form field that ONLY accepts numbers

ALSO: how do I get square corners for input fields?

The rounded corners do look nice - but not when on a white background - the edges look jagged

I've tried using  data-corners="false" (and data-corners="true") - nothing seems to work

I've tried putting this in the obvious places - but nothing actually works!

The documentation on the website doesn't show any examples of any input fields that DON'T have square corners

(There is an example of bog standard 'non' jquery elements - I want jquery ones - and get any addiitonal code put in to make the code better)

Thanks

Omar

I can't figure out why??

I've followed the instructions and have added data-add-back-btn="true" on my page

Everything OK - until I press refresh

It the disappears!!!

I can go back to the home page and try to navigate back - but it still goes to the home page

What's happening?

I've also tried:

      <script type="text/javascript">

       $(document).bind("mobileinit", function() {

         $.mobile.page.prototype.options.addBackBtn = true;

        });

      </script>

I read on another post that you have to put the code after jquery and before jquerymobile in the header

I've done this

SAME result - do a refresh and it disappears!

The problem occurs on my Android phone and on Chrome, Firefox and Opera

(I detest IE, so haven't tried on that!)

Has anyone else had the same problem?

Thanks

Omar

Can someone recommend a swiping gallery

Something easy to implement

It seemed a really nice easy one to use

I liked the way it looked more than others that I'd seen

It 'looks' really easy to use - the instructions seem very painless

The 'simple' instructions given DON'T work!

(It could very easily be that I was being dumb and couldn't figure out though)

Just wondering if anyone else had used?

Thanks

Omar

I'm confused

If I have a page that is 3 levels down, say, and that page needs an extra script - according the what I understand from what I have read in scripting pages, the page won't get loaded??

And I have to do a few tricks to make it load??

Am I missing something?

Thanks

Omar

i.e. you have a static bar with 3 buttons

each click of one of the buttons slides in another screen

BUT the static bar itself does not move

I don't think I've seen this in jQueryMobile?

Yes: you can have multipage templates - but the whole page gets loaded - including any navigations bars

Or is there someone that I haven't come across yet?

Thanks

Omar

This gets in the way and makes my app seem as though nothing is happening when the next page is simply loading - on 3G connection

How do I get a different spinner?

I must have been through every page of docs for jQueryMobile - I'm sure I didn't spot it anywhere

Thanks

Omar