Tag: html

HTML分页

有没有HTML的分页开源项目? 我正在开发一个iPhone应用程序。 我想在UIWebView上显示一个HTML文件,我不希望用户向下滚动查看剩余的内容没有显示在屏幕上。 我想在第二个UIWebView上显示剩余的内容。 我怎样才能做到这一点。 任何build议?

Hpple使用Objective-CparsingHTML

我遵循RayWendErlich的教程来parsingHTML节点。 我从index.html获取内容。 我试图用这个方法来获取背景值。 + (void)parseWithHTMLString:(NSString *)string { NSData *data = [string dataUsingEncoding:NSUTF8StringEncoding]; TFHpple *parser = [TFHpple hppleWithData:data isXML:NO]; NSString *XpathQueryString = @"//div[class='content']/div/div"; NSArray *nodes = [parser searchWithXPathQuery:XpathQueryString]; NSLog(@"%@",nodes); NSMutableArray *resultArray = [[NSMutableArray alloc] initWithCapacity:0]; for (TFHppleElement *element in nodes) { Model *model = [[Model alloc] init]; model.colorString = [element objectForKey:@"style"]; [resultArray addObject:model]; //NSLog(@"%@",model.colorString); } } […]

iOS Safari:100%宽度的固定位置标题比视口宽

我碰到一个问题,特别是在iOS上的Safari影响。 我正在build立一个页面,它有一个固定的位置头是视口的宽度。 页面的内容是一系列应该向右滚动的图像(数量可变)。 用户滚动时,标题应保持原位。 在iOS Safari中,固定标题略大于视口,并以与其余内容不同的速度滚动。 我已经把代码切成了下面的代码,仍然无法解决如何解决这个问题 – 下面的代码完全适用于我testing过的所有其他浏览器。 (我针对IE8 +) 我在这里主持了这个问题的例子。 感谢您的任何build议和帮助。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <style> html { font-size: 10px; height:100%; white-space: nowrap; } body { height:100%; padding:0; margin:0; } #dgs2 { height:75%; display:inline-block; […]

使用twitterembeddedtweet来计算UITableViewCell中的UIWebview高度

我正在加载一个HTML的web视图,可以包含embedded链接到Twitter,VIMEO,YOUTUBE,或只是简单的HTML。 只是为了testing目的,我创build了一个简单的视图使用相同的方式,我正在计算的高度,我有一个表视图是高度计算,以正确显示web视图的依赖。 问题是计算高度是错误的,所以embeddedhtml不能正确显示。 这是我的代码相关的prats: – >这将加载虚拟webview中的htmlstring,它唯一的目的是计算正确的高度,哑视图用于触发负载的HTML: – (void) loadHtml:(NSIndexPath *) indexPath andString:(NSString *) htmlString { CGFloat webViewFrame = 216 * [[UIScreen mainScreen] bounds].size.width / 320; wvVtemp = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, webViewFrame, 5)]; wvVtemp.delegate = self; [wvVtemp loadHTMLString:htmlString baseURL:nil]; [dummyView addSubview:wvVtemp]; [dummyView bringSubviewToFront:wvVtemp]; } – > WebView的委托,就是webview没有加载它会调用高度来计算的方法: #pragma mark – uiwebview delegate – (void)webViewDidStartLoad:(UIWebView *)webView […]

iPad IOS html表格select不会打开

我有一个select框,创build方式如下: <select id="size" onchange="location=this.options[this.selectedIndex].value;" name="size"> <option value="#catalog_860">16</option> <option value="#catalog_861">17</option> <option value="#catalog_862">18</option> <option selected="selected" value="#catalog_863">19</option> </select> 在桌面Safari和其他浏览器,它像预期的那样工作。 在移动Safari(iPad)上,它不响应触摸。 当我连接一个标签时,触摸标签会导致明显的select(向下箭头button变为蓝色),但不会显示选项。 我现在正在打两个小时。 我错过了什么?

如何让iOS中的VLC播放音乐文件的URL?

我有我想通过我的网站提供给iPhone和iPad用户的MP3和其他文件格式。 VLC的iOS应用程序似乎符合法案,但他们说 Additionally, third party websites and apps may include links to open streams directly in VLC for iOS. 这里是提供的官方文档 我怎样才能做到这一点? 我似乎无法find任何有关它的文件。 我正在考虑做一个自定义的应用程序来完成它,但这似乎是愚蠢的。

离子转换只能在ios中得到白页

我开发的应用程序在离子和它的工作完美的Android,模拟器和networking(与离子发球)。 但是,当运行在iOS设备上的页面之间的转换突然显示一个白色的视图,而不是它必须显示的视图。 这不是一直发生的,而且当具体发生的时候我没有想到。 我感谢任何帮助。

从顶部滑动菜单隐藏在Safari移动栏后面

iOS Safari上的下拉设置有一个严重的问题。 设想一个网站,顶部有一个标题。 如果您点击标题,它将滑落,就像手机上的任何通知中心一样。 我select的方式很简单。 我有一个<div class="settings hide">与此CSS: .settings{ position: fixed; width: 100%; height: calc(100vh + 60px); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index: 10; } .hide{ top: -100vh; } 现在,这看起来像这样: 现在,下一步是通过添加名为“show”的类来创build“使用jQuery完成的可滑动”。 .show{ top: calc(0vh – 60px); } 这实际上使它变得很棒。 它只是工作! 突然间,我尝试了iPhone上的网站,因为底部的栏杆,一直显示,直到滚动,我的臀部全部消失了。 […]

防止iOS WebApp中的水平滚动

我以前遇到类似的问题,永远不能真正理解变通办法,所以我最终依靠像iScroll这样的插件。 这是非常简单的任务,我拒绝为它包含一个插件 – 我想要的是防止iOS中的水平滚动。 这包括可能在页面上但不可见的任何内容的橡皮筋效果。 从我的理解,我需要先禁用橡皮筋,然后将触摸滚动应用到一个容器元素(我给了id“触摸”)。 不知道这是否正确? $(document).bind('touchmove', function(e) { if (!e.target == '#touch') { e.preventDefault(); } }); 风格#触摸 -webkit-overflow-scrolling: touch; overflow: hidden; height: 100%; @media only screen and (max-width: 768px) { width: 768px; } 这并不妨碍水平宽度保持在728px,但用户仍然可以滚动并查看隐藏的内容。 想法?

iOS上的HTMLselectChrome不显示“完成”选项

我们在iOS上的Chrome中呈现用户界面时遇到问题,特别是HTMLselect下拉元素。 例: 使用Safari,当你点击SELECT时,一个微调框在屏幕的底部打开 – 你可以点击Done来select你的select并返回到表单。 但是,当您在iOS上的Chrome中加载完全相同的页面时,“完成”不会显示。 用户必须select他们的select,然后点击用户界面上的其他地方返回到表单。 非常不直观,感觉像用户一样SELECT没有工作。 有没有人有这个解决scheme? (我会张贴图片说明,但这是我的第一个问题,我没有足够的“声誉”做到这一点:-()