Hi I have a responsive website http://netzed.ca/unit.html which has textual information on the mobile version of it. the accordions work perfectly fine on system locally but when I upload the files on the server they dont.
Resize the window below 760px and you can see the layout. The features with the + sign in front of them are suppose to act like accordions
Any help is appreciated. If you need more info please let me know. thanks
Related
Here is the site in question http://www.rfindings.net/
I have uploaded the code to github - https://github.com/Shaivik7/rfindings
Now the home page has 2 images that should be switching every 4 secs which is not happening online but working fine offline.
If you see any missing semicolons I have fixed them and tried again but nothing changes.
And for CSS part I have wrote the media query according to resized browser but the site looks completely different on mobile, I used media query for anything less than 768px but still on mobile it looks completely different.
I am beginner so I hope my code isn't too messy if it is I apologize in advance.
I am hosting this site at namecheap
If you have to time please take a look.. Thanks
I have created an app with jquery mobile and html5. I created a wp8 package using cordova for the same and have openend the solution with visual studio. The issue I am facing is that the window.location is not working. I have given
window.location.href='home.html#basic' making it redirect to a particular div. I also tried window.location.replace. Using show and hide dive makes the functionality work but many css issues are coming when i use div show and hide. I have gone through many previous questions but still not found any solution. Please help.
Hi all it worked i changed it to $.mobile.changePage('#basic'); and it worked
I am using the magnific-popup (http://dimsemenov.com/plugins/magnific-popup/) but I don't need to use this one. I have just used it before and it worked well.
My questions is how to actually trigger different lightboxes from inside a SWF?
We have one SWF that has images and animation located at six different sections of the screen. It's sort of a launch page and each section has an image with some animation and when the users clicks on a section another web page will load.
This application will be hosted on a computer with a touch screen and we were using a kiosk app to run the app and it had a small navigation bar built in but now we are using a different operating system that works better with the touch screen hardware (OSX to Windows 8) but does not work with the same kiosk app. I also can't seem to find any kiosk apps that do the same thing for Windows 8.
Instead of using a Kiosk app I would like to just use Chrome in Kiosk/Fullscreen mode and have each section open in a new lightbox window instead of using a navigation bar. However, I can't seem to trigger the lightbox event from within the SWF itself.
Any help greatly appreciated.
In as2 something like this getURL("javascript: lightbox(maybe-attributes);"); or using flash.external.ExternalInterface class. I don't know in as3 if there's another class/method
Christian find perfect match with this jquery/flash.external.ExternalInterface
http://grasshopperpebbles.com/jquery/actionscript-using-lightbox-with-flash/
I am working on a side project and I am trying to make a touch function to open the side panel on iPhone and Tablet. I am struggling really bad with this. I have tried a different file order in header. But it still doesn't work. I am no jQuery expert yet. If someone could tell me why my touch function doesn't work.
http://codepen.io/anon/pen/IBrcC
Any help is appreciated!
Edit!
Problem solved I tried go back some version of menu, and it seems to be a bug in 4.1.3 Version.
http://developer.android.com/design/building-blocks/tabs.html#scrollable
Has anyone achieved this effect in a web app using JavaScript (or even jQuery)?
Got the pages sliding nicely (obviously that's the easy part), but getting the page titles to animate correctly looks like it could be painful!
May just go with the fixed tab layout but if anyone has any tips or examples, I would be very grateful...
There's a CSS which makes your page look like Android:
https://github.com/proimage/Android-4-ICS-CSS
There's a more advanced project with some JS:
http://jaunesarmiento.me/fries/index.html
And this is the way to do page swiping:
http://stereobit.github.io/dragend/ (also works on the PC)
http://swipejs.com/ (only works on touch device)
http://eightmedia.github.io/hammer.js/ (only triggers the event, doen't swipe the page)
With these you can have multiple pages in one HTML file:
http://handlebarsjs.com/
https://github.com/janl/mustache.js
http://underscorejs.org/
http://embeddedjs.com/
http://jade-lang.com/
https://github.com/blueimp/JavaScript-Templates
I'm working myself to combine some of these libs into a usable application. Hope it helps. This is also a note to myself.