Android Smartbanner positioning - javascript

I am using this Script for adding the Android Smartbanner for linking my App:
https://github.com/ain/smartbanner.js
My Site is ismoker.eu
How can I put the Android Banner in the same way to the top of the Page like the IOS Banner? Here are the two banners which shows what I mean:
iOS Banner Mobile: http://prntscr.com/pdti5k
Android Banner (not outside the Page Div and not visible because Menu is fixed): http://prntscr.com/pdtipm

From smartbanner.js point of view there's no difference between how the banner is rendered on iOS and Android.
To fix the issue, try checking if:
meta tags for both Android and iOS are defined in the same fashion
there's no specifically added smartbanner--android CSS class in your application that prevents it from working similarly to iOS
If the above brings no resolution, define the smartbanner--android class in your CSS to push the smartbanner down as you need it. The behaviour is likely to be bound to your application's internal styling.

Related

Responsive JavaScript Menu Not Showing in Mobile View

I implemented a navigation menu on this website. While the menu works very well in desktop mode, it will not work in mobile viewing. I think there is an issue with connecting to the JavaScript - https://alexandrachel.org/scripts/script.js
The navigation menu should work like this website
How I can get the navigation menu in mobile viewing to work?
Your whole site is not responsive, so either write media query to make it responsive , or else for minimal responsive you can use bootstrap framework which is lightweight and easy to use and for more responsive mobile menus also you can use smart menus . So, its your choice either you write raw custom code or use the resources.
What the script does, is it changes the CSS for the small displays, so the menu is transformed to become a drop-down on handheld devices. However, the current problem is that the script cannot start, because it cannot find jQuery. And thus, on small displays, the CSS is incorrect and your menu is not visible (however it is there, and functional).
If you load your webpage over HTTPS (as in https://alexandrachel.org/), then the scripts and CSS files should also be requested via a secure protocol.
Try changing a request to jQuery to (note https://):
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
And you can remove the second request of version 1.10.2 from googleapis.com, since you are already pulling the latest version from jquery.com.
Errors in loading your website ref: Chrome Dev Tools
jQuery can't be found plus a lot of your content is being served over http whereas the main website loads on https so just fix those requests and import jQuery.
And this should work
Ref: to the attached image for the errors

How can I keep an element on the bottom of the page when keyboard is opened on iOS and android?

I have a button in a webpage that I want at the bottom of the page. I want this button at the bottom of page no matter where scroll is. The problem is the standard css of bottom: 0px;position:fixed; does not work when the keyboard is up.
Right now we are using ion-footer-bar but that only keeps the button on top of the keyboard on android. When the keyboard gets pulled up for ios it does not get moved up. Anyone have any workarounds for this?
For applications using Cordova you can do the following:
This is due to the fact that on Android the WebView shrinks when the keyboard and on iOS it does not (by default). So iOS is you can put the following code somewhere in the initialization of your app and it should behave the same on iOS as it does on Android.
cordova.plugins.Keyboard.shrinkView(false);
This function does not work on Android, so you don't have to worry about it there.

White screen after load page in cordova android app - Android 5.1

I have an Android - Cordova Project.
When index.html (main page) page is loaded, on Android 5.1 (real phone) only shows a white screen.
When I minimize app by the phone's home button and go back again, using task manager, the page loads normally as expected.
I found a similar question, where someone argued about WitheList plugin which I added to my project.
Answers are likely about to make a delay using setTimeout, which I applied, with no success.
I have some local css and js files in index.html.
In onDeviceReady.js file, I call load method to set the html content for a div, add some click button functions and re-size some divs in setTimeout and an addEventListener.
What's the reason for this?
Waaaauuu!!!
I upgrade my jquery to v2.2 and my problem solved!. It is a new challenge and new experience.
I start debug with a real device with Android 5.1.1 (Samsung S6) and see that there is an error: validate_display:255 error 3008 (EGL_BAD_DISPLAY)
But after search I don't find any useful answer (like this).
I guessed that one or more javascript file(s) make this bug (white screen problem), so I remove all js files tags from index.html and add one by one.
Yes, my jquery file version cause problem. I upgrade it from v1.11 to v2.2.

How to trigger a lightbox from inside a SWF?

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/

Android : Scrolling is disabled?

In my android application i used some html pages with various details, it can be viewed perfectly in browser(i.e- we can scroll up & down). But the same page can't have scrolling option in android and it can't move (i.e- it became static)
Is it on android version 2.2 or lower...well then scroll bar don't work in that version. For that you'll have to use a plugin like iscroll. check here http://cubiq.org/iscroll
I know its pathetic that a basic feature like scroll is not working but its a bug in adroid.

Categories