I have recently worked on a small project. it's working fine on windows,android & other phones. but not working correctly with apple devices(iphone ipad). i have tested it on iphone4s,5 & ipad (os7).
below are the few issues:
some times images not loading(i have used php to view images).
return back to home page link not working i m using java script on anchor tag().
problem with login system(javascript function fired on click it shows security popup) some times it doesn't load security box or if it loads, unable to verify code.
find Screen Shots here http://blackspidercreations.com/apple/screen.docx
so but the mistake that i have did, i have tested site on many apple simulators like browerstack ipadpreview etc. they all workin fine. please help me.
Link to project: blackspidercreations.com/cs
Thanks in advanced.
Though I cannot answer points 2 or 3 without seeing the code, I had similar image problems once when developing for the iPhone. Make sure that the images are an appropriate size for the display. If the images are too large, the iPhone will not display them at all.
Hard to take a guess at the images issue without seeing the code.
Apple mobile devices don't actually a fire a click event when you interact with the web page. So if you are using jquery to do .click events, that is why it's not working. There is a relatively easy work around though, switch all your .click events to the following.
$(document).on("click touchstart", "#thing", function() { });
Related
I'm totally new in website development and as my first experiment I'm working with website to replace my company's old site (if success).
Have done pritty much allready but I really want to have this popup image gallery to work with Magnific popup for the responsiveness.
I have setup a local server with QuickPhp for development as I don't have server for my website yet.
Eventhough my site is working when tested in CodePen but not on my Quickphp server.
I made sort of gallery site that contains images that is supposed to open to popup for larger view and to zoom closer if wanted. The popup itself will work but some of code doesn't work. In example:
-not showin close button.
-not closing popup when clicking background.
-no animation when popup opens.
this all works with the same code tested on the CodePen-site though.
Magnific popup JS and the CSS codes I copied from the Build tool(to the folder within the sites .php)
They are included to .php page with script. CSS in the head and the JS in the footer. JQuery is from google https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
For now I would need answears to theese Questions:
1. Is it possible that the problem is within the QuickPhp-server setup of mine? If It doesn't fully support jquery in local setup?
2. What else could be wrong?
If needed I can put the codes here later.
The problem was in the code allthough. I implemented the codes from the Maqnific website again and red the documentation over 5 times. I also noticed that the included stylesheet files needed to be linked from the website's root folder exactly as shown on the Macnific guide.
If anyone is having similar problem I suggest to keep on reading and searching. Taking a brake for day or two makes a differens in perspective too. Some time apart of the project helps to notice things that you might not have seen before. Especially checking the code for incorrections is a bitch.
Just yesterday I found a typo in my media query meta tag that was making my site not to change styling when viewport size changes. The typo was from 2 weeks ago. max-device-width was written as max-divice-width.
I'm working on a website that gets content dynamically from a database and puts them in the HTML code, which should consist of JQuery Mobile pages so I can click a link and it will slide to the corresponding page.
I'm running JQuery 1.9.1 and JQuery Mobile 1.3.1 to get the slide effect to work, but it's giving me an error saying "t.split is not a function". It also shows a large "LOADING" text in the middle of the page without any javascript there.
Am I missing something?
Edit:
I've chosen to ignore this for now. Nobody is responding anymore and the problems are only getting worse.
I've managed to solve the question by first running a simpler version with only the essentials for making a 2 page'd JQuery Mobile example. The problem was that using only numbers for an ID isn't accepted, and I was missing the JQuery Mobile CSS file which allowed for the transition that I was looking for.
I've applied those solutions to this project and it works.
I am the web developer for I Said Sit!. We have had an ongoing problem with our registration page at: http://isaidsit.com/index.php/registerform
We are having a major problem that I hope you can help with. I have had 4 programmers look at the problem and cannot find where there is an issue. We have installed the site on our test sever and we cannot duplicate the process. I installed it on my personal server and we didn't get the errors, it worked fine in all the browsers on several different traditional and mobile devices.
On the following page we have a big registration form that will not work in Safari on a computer. We can use the form on an iPad or and iPhone or PC using Safari without any problems, if it's used on a Mac computer we get several different errors:
After you hit the submit button it gives you a blank form and you can't more forward
After you hit the submit button it will give an error that the url is not accessible
Those are the most often reported problems.
Tested OK on an iMac running MacOS 10.6.7 and Safari 5.0.5. (Abandoned at the Credit Card Payment step.)
The markup, as mentioned by #David Thomas, is atrocious - 91 errors from the W3C Validator, and a quick visual inspection shows what looks like another complete HTML page being loaded into the body of the HTML page.
Some general feedback on the form (feel free to ignore this if you want):
That form is incredibly long. Maybe look at cutting it into smaller sections so the user gets an idea of their progress would be nice. This is a jQuery plugin which does just that, but there may be clones for the javascript framework you are using.
Mark which fields are compulsory and which are optional.
Possibly include the Indemnity Waiver and Payment subforms into the same form (only if you do adopt Point 1) - seems silly you have one massive form which then throws to two smaller forms individually.
I have been developing a website for a University coursework, and at the moment, i have managed to get the features i want.
The website works using jQuery,AJAX and PHP to allow the user to view articles and media that goes with each article. My problem is that the site works as it should on my laptop, on FF4 however it does not work on my IE9 or other browsers, I have given the link to a few people and they all encounter the same problem.
The problem is that when you click the story on the left (thats how you navigate) it fades the text as it should, but it is meant to load in the next story aswell.... If you guys could help, that would help alot.
Link to website: newspaper.nmyster.co.uk
Thanks
IE8 is bugging out on this line:
console.log(storyId);
I'd suggest commenting this out.
If you enable debugging you should be able to see the same error.
These kind of problems always occurs by HTML and JavaScript support of broswer. First of all you shold validate your HTML by W3C validation. If the problem still persists than carefull check your javascript or jquery.
I am building a web site which supports IPhone also. Now I am quite confused as to find a way to upload the IPhone photos to my website.
Also it seems the "input type text" also doesnt work in IPhone. Have anybody worked on it....please suggest.
If you want to handle photo/video uploads using iPhone's Safari, you can integrate with something like cliqcliq Quickpic. The support page has a bunch of details: https://www.cliqcliq.com/support/quickpic/ and it's just a bit of Javascript.
Text inputs work on the iPhone, however jQTouch has a weird way of handling forms and page loads for that matter. Basically it reloads just the "content" part of the page.
You have a couple of form examples in the jQTouch download. Try looking at what's happening when you submit forms with Firebug ( http://getfirebug.com ) and also try to log what your server receives from your forms.
Mostly, please remember that you only need to serve part of a page for jQTouch.
Good luck with your app.