I have a UIWebview that I am loading with custom HTML using loadHtmlString. My HTML has a link that I intercept when tapped so that I can take control and reload the UIWebview with a different HTML string. The code works, but the area where the link text was located is replaced with a gray rectangle that is visible when the new string is loaded.
What could be going on here? How can I get rid of this behavior?
//Scott
Here it is...need to add this style statement to the link reference:
<a href=http://yourlink.com/ style = "-webkit-tap-highlight-color:rgba(0,0,0,0);">
Setting the alpha value (the last parameter to rgba) to 0 disables the tap highlight color.
Although this works, it feels like a hack. I really think the tap highlight should clear itself when my second loadHtmlString reloads new HTML code.
//Scott
You could add onclick="this.blur(); location.href=this.href;" to the link to remove the focus from the link.
I'm sure there's a better less hackish way, but this should work
Related
I saw a form on Qdoba.com. There is effect where if you click on a checkbox, the checkmark slides up and then if you uncheck it, the checkmark slides down.
Here is a link to the form: http://www.qdoba.com/menu-nutrition/burritos-menu-nutrition
I would like to know what language this was created in and if possible, how might I best approach recreating this.
Thanks for you help in advance.
It's done with JavaScript (powered by jQuery, but this is unnecessary).
However, a similar effect can be achieved with plain CSS, as shown in this Fiddle, by using the :checked selector.
HTML, looks like it uses CSS and jQuery (plugin). Looks like a few different types of code.
I don't know about the language, but this effect is accomplished with a CSS sprite. One image consists of a blank area with a checkmark below. When the user clicks on the checkbox the image slides upward so the checkmark appears to have been animated in. (Note also that the checkbox is a <div>, not an actual <input type="checkbox">; if you recreate something like this, be sure to consider the accessibility implications of using something other than an <input> as a checkbox.)
I need to build a tab looking like this one:
https://www.facebook.com/auto.co.il/app_134594493332806
I know how to add an image and a comment box and i know of several "plain" ways to hide the content from non-fans, but i came across the above tab and i really like the way it shows thee content yet you cant engage it until you press the like button.
Any help please?
Thanks in advance.
Oren
Your link didn't work for me, but you can place a absolutely positioned div with a high z-index above the rest of your content to prevent the user from clicking on anything.
Update: Now that the link has been updated I see that they are doing exactly what I described above. In chrome if you right-click the background and select "inspect element" you will see the following computed style for the div:
rgba(0,0,0,0.796);
display:block;
height:1612px;
width:810px;
The content is blacked out simply with a div with a black background and some opacity. Just for fun, you can overcome their like gate (without liking) via chrome's JS console by selecting the iframe context and then entering the following:
$('.like_float_c').detach();
... now call youself a 'hacker' ;)
Does anybody know of a way to make a push button with text on top of an image?
Well as far as I understand after some investigation, the only way is to implement own CustomButton.
Regular HTML <button>s don't support adding images to them. You'll have to use a regular <div> with a background image and text, styled to look like a button.
In some news applications when it loads it shows a list of articles. When we click on an article, it goes to its detailed page. In the detailed page 1st there will be only the text related to the article. But suddenly an image comes(related to the article) on the top left corner and the text re-aligns itself to contain the image.
Wht are they doing here? Are they still using UILabel? If i am just adding a UIImageView inside a UILabel, the text will be be adjusted even before the image appears.How can I replicate this myself?
I might be wrong, but i think what they are doing probably similar to the following steps:
User clicks on Article
Article description is being loaded, async download of image is being initiated
once the article description is downloaded the detailsview gets added on top of the navigationstack and appears.
user reads the text....
at some point the download of the image finishes, the viewcontroller gets notified in some way and does a re-layout of the detailsview.
the re-layouting (or however you want to call it) will do two things (probably in an animated fashion)
As I'm not aware how to wrap text around images within a UILabel (keen to get ahold of that knowlegde tough) I would suggest, that what they do is simply creating a second label with the Imageview in place and then fading the first one (text only) out while fading the second one (containing text and image) at the same time..
not sure if this helps you, but I hope so.
cheers
TGiF sam
Use UIWebView, the readjustment you are talking about is html basic property, download your content in html format or make a html file programmatic once you download text and image and show them in UIWebView.
I am creating a dictionary-style app that presents a tableview full of words, and when a word is selected, a UITextView is displayed that shows the definition of the word. What I would like to do is add a line that says "See also: synonym1, synonym2" where synonym1 and synonym2 are links that will take the user to the definition for the synonym that is touched.
What is the best way to add these dynamic links? Buttons? Somehow add a small UIWebView a UItable on the fly?
Thanks!
I would replace your UITextView with a UIWebView and use that contain your description text and your links. It's fairly trivial to generate HTML on the fly for something like that.
You could register a custom URL scheme for your app, or you could intercept links as they're clicked.
If your links are always grouped together there's no reason why you couldn't use a bunch of UIButtons inside a custom view, but then you'd have to handle layout and wrapping on your own. It seems a lot easier to do it in HTML.