I have a content-editable div. So it basically functions like a text editor. I have a toolbar of my own which has different buttons. Now when the user types some text in an iPad and then selects the text a small system generated menu pops up which has options like cut copy paste etc. Now this hides some of my toolbar button. So what i want to know is that is there any way that i can decide the position of this menu? I would not like to stop the menu from appearing but just reposition it. Please Help!!!!!!!!!
Related
I develop a mobile webpage and I use the swiper.js to achieve slide between 2 pages. But every page has some input textfield for users input their username and passwd. And I found the swiper become useless over input area, but it is normal in other area like button and so on. Now, I want to achieve that if I click on the input area, then I can input something I want, but if I want to slide the page, I can also slide anywhere I want.
I have a simple extjs form, where all the fields look like plain text when rendered.
When user hovers over the field, i need to show a edit icon (which i am thinking would be a tooltip) next to the field (indicating that the field is editable). And when user clicks on it, the field will get focus and made editable.
Is tooltip the right component ? If not, how can i achieve this.
Thanks
A tooltip would be a bad approach - mostly because if the person mouses away from the field, the tooltip would vanish.
A simpler approach would be to include the edit icon at all times, inside the same container as the field. The edit icon should be invisible normally. Then, when the person moves the mouse into the container, make the icon visible. On mouse-exit from the container, make the icon invisible again.
I am using the scrollview to contain a group of div widgets. So, that many widgets may be contained in a small area yet usable. However, the form dropdown input seems to be buggy/ completely messed up because it wants to scroll with it. In Firefox I have to right click then select for it to pick anything and in chrome it just blacks out the div until I select something and it all comes flying back. Is there a way for me to tell YUI to not scroll when selecting a form?
Thanks.
I am writing an interface where there will be a list of wide buttons, I want to be able to highlight a button based on a mouse being moved up or down.
Selecting the button below the current highlighted button when the mouse moves down and selects the button above when the mouse moves up.
I was about to write a load of CSS manipulating Jquery code to do this, but something about doing that does not feel right.
Any suggestions welcome (including thats the way to do it fool)
Use CSS to highlight your button
Example:
button{color: green}
button:hover{color: red}
I am facing lots of problems in handling the touch event of the uiwebview for making my tabbar and navigation bar hides/unhide. I thought of putting a horizontally moving button or a small text on the uiwebview which will move along with the user scrolling.
If the user touches the button which moves along with the user scroll i am planning to show or hide the nav and tab bar. Is this possible in uiwebview ? if yes please give me an idea or bunch of code snippets for writing such a menu using javascript
You may need a UIView that contains the UIWebView, along with other controls you mentioned, e.g. buttons. You may make the button semi-transparent and receive touch events.