Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser.

HTML Documentation

Posts under HTML tag

94 Posts
Sort by:
Post not yet marked as solved
0 Replies
23 Views
I have an audio video meeting website implemented in javascript. When i am connected to the meeting and while meeting is going on, If the user goes to background and speaks the end user will not be able to hear until chrome comes to foreground. This issue is not happening in safari. Any help would be helpful
Posted
by
Post not yet marked as solved
2 Replies
73 Views
Hello! In iPhone 15.5, intermittently, some parts of one page, especially the top area, are covered with something that is not the screen I was working on. And if you scroll, that area disappears and you can see the html areas I coded in the past. how can i solve this?
Posted
by
Post not yet marked as solved
0 Replies
75 Views
I'm trying to upload a binary file from iOS to a server on local Wifi. The uploader on the server works fine from its web page, but I can't get it to upload from Swift. It looks to me like my request is not properly formed, but I haven't been able to figure out what it's missing. Thanks for any help. ~ Nancy Here's my upload routine:    func uploadFile() {     let config = URLSessionConfiguration.default         let session = URLSession(configuration: config)     let updateURL = URL(string: ("http://" + currentBaseString + "/update"))     var request = URLRequest(url: updateURL!)     print("SETUP Upload Request: ", request)     request.httpMethod = "POST"     guard let fileURL = Bundle.main.url(forResource: "R2-0701", withExtension: "bin") else {       print("Failed to create URL for file.")       return     }     do {       let data = try Data(contentsOf: fileURL)       print("SETUP Found the data file\n")       request.httpBody = data       let task = URLSession.shared.uploadTask(with: request as URLRequest, fromFile: fileURL) { data, response, error in         if error != nil {           print ("RRC Task error: \(String(describing: error))")           return         }         guard let response = response as? HTTPURLResponse, (200...299).contains(response.statusCode) else {           print ("Server error")           return         }         if let mimeType = response.mimeType,           mimeType == "multipart/form-data",           let updateData = data,           let dataString = String(data: updateData, encoding: .utf8) {           print ("got data: \(dataString)")         }       }       task.resume()     }     catch {       print("Error opening file: \(error)")     }   } My URL construction is fine, it works for GET requests. "R2-0701.bin" is the filename of a file added to the project. Here's the server HTML: <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'> </script> <form method='POST' action='#' enctype='multipart/form-data' id='upload_form'> <table cellpadding = '10' align='center''> <tr> <td bgcolor='AA0000' align='center' style='color:white;'> <p font-color='white' text-size='12' > <b>Reprogram</b> </p> </td> </tr> <tr> <td> <input type='file' name='update'> </td> </tr> <tr> <td align='center'> <input type='submit' value='Update'> </form> </td> </tr> <tr> <td align='center'> <div id='prg'>progress: 0%</div> </td> </tr> </table> <script> $('form').submit(function(e){ e.preventDefault(); var form = $('#upload_form')[0]; var data = new FormData(form); $.ajax({ url: '/update', type: 'POST', data: data, contentType: false, processData:false, xhr: function() { var xhr = new window.XMLHttpRequest(); xhr.upload.addEventListener('progress', function(evt) { if (evt.lengthComputable) { var per = evt.loaded / evt.total; $('#prg').html('progress: ' + Math.round(per*100) + '%'); } }, false); return xhr; }, success:function(d, s) { console.log('success!') }, error: function (a, b, c) { } }); }); </script>; Here's the output: SETUP Upload Request: http://192.168.86.41/update SETUP Found the data file 2022-07-04 17:21:52.075958-0600 RoadrunnerComfort[5034:11127394] Task <25F2EC07-30D7-4532-BD6A-D35A41716AF2>.<7> HTTP load failed, 1048855/0 bytes (error code: -1005 [4:-4]) 2022-07-04 17:21:52.082677-0600 RoadrunnerComfort[5034:11127423] Task <25F2EC07-30D7-4532-BD6A-D35A41716AF2>.<7> finished with error [-1005] Error Domain=NSURLErrorDomain Code=-1005 "The network connection was lost." UserInfo={_kCFStreamErrorCodeKey=-4, NSUnderlyingError=0x283fb49c0 {Error Domain=kCFErrorDomainCFNetwork Code=-1005 "(null)" UserInfo={NSErrorPeerAddressKey=<CFData 0x2812ecc80 [0x22eb841b8]>{length = 16, capacity = 16, bytes = 0x10020050c0a856290000000000000000}, _kCFStreamErrorCodeKey=-4, _kCFStreamErrorDomainKey=4}}, _NSURLErrorFailingURLSessionTaskErrorKey=LocalUploadTask <25F2EC07-30D7-4532-BD6A-D35A41716AF2>.<7>, _NSURLErrorRelatedURLSessionTaskErrorKey=(   "LocalUploadTask <25F2EC07-30D7-4532-BD6A-D35A41716AF2>.<7>" ), NSLocalizedDescription=The network connection was lost., NSErrorFailingURLStringKey=http://192.168.86.41/update, NSErrorFailingURLKey=http://192.168.86.41/update, _kCFStreamErrorDomainKey=4} 2022-07-04 17:21:52.083212-0600 RoadrunnerComfort[5034:11127396] [tcp] tcp_input [C7:2] flags=[R.] seq=3409008496, ack=2962928595, win=5744 state=LAST_ACK rcv_nxt=3409008496, snd_una=2962927159 RRC Task error: Optional(Error Domain=NSURLErrorDomain Code=-1005 "The network connection was lost." UserInfo={_kCFStreamErrorCodeKey=-4, NSUnderlyingError=0x283fb49c0 {Error Domain=kCFErrorDomainCFNetwork Code=-1005 "(null)" UserInfo={NSErrorPeerAddressKey=<CFData 0x2812ecc80 [0x22eb841b8]>{length = 16, capacity = 16, bytes = 0x10020050c0a856290000000000000000}, _kCFStreamErrorCodeKey=-4, _kCFStreamErrorDomainKey=4}}, _NSURLErrorFailingURLSessionTaskErrorKey=LocalUploadTask <25F2EC07-30D7-4532-BD6A-D35A41716AF2>.<7>, _NSURLErrorRelatedURLSessionTaskErrorKey=(   "LocalUploadTask <25F2EC07-30D7-4532-BD6A-D35A41716AF2>.<7>" ), NSLocalizedDescription=The network connection was lost., NSErrorFailingURLStringKey=http://192.168.86.41/update, NSErrorFailingURLKey=http://192.168.86.41/update, _kCFStreamErrorDomainKey=4})`
Posted
by
Post not yet marked as solved
1 Replies
104 Views
I include a picture on an HTML page by: <img src="./name.png" class="inline" alt="" usemap="#html"/> I create a link map, defining areas of the picture that I want to link to notes like this: <map name="html"> <area shape="circle" coords="73,250,30" href="./PassiveStrideRecovery_W12_Notes.html" alt="PassiveStrideRecovery_W12" target="_self" /> ...(more of these areas) </map> All the linked areas work fine for a few seconds and then some of the areas are obscured by automatically detected (not well though) areas of interest (to something) in the .png and stops my mouse clicks getting through to some of the linked areas I define. When I use the Debug menu item and examine the HTML source elements (using "Develop->Show Page Source") I created. Initially they include: a minute to so later they change to: indicating the img has acquired some extra structure, which now looks like this: and define some areas, some of which overlay my map areas in a layer above mine. Looking at the last "div" created by MacOS, they seem to be inserted in real-time by Apple Data Detectors. I changed my img include statement to <img src="./GroundContact_W7_Bubbles.png" x-apple-data-detectors="false" class="inline" alt="" usemap="#html"/> but it made no difference. How do I stop real-time area overlay of click-obscuring blocks over pictures included on my HTML page? TIA
Posted
by
Post not yet marked as solved
0 Replies
91 Views
I have an SPA web app I've built for Safari iOS. One feature I have is that (with user's permission!) I would like to play audio alerts of various sorts based on events that take place in the app. (Think a chat app playing a "message received" sound.) ... again, this would be with the user's permission. This is very much a feature of the app and not nagware or adware. Currently, of course, this isn't possible. Audio can only be played in response to some user-initiated action, and that "permission" only lasts until the page closes or is reloaded. So, question: Is there a way a user can permanently give permission to a website on iOS to autoplay sound files?
Posted
by
Post not yet marked as solved
0 Replies
131 Views
I'm developing a REST API app that generates some PDFs for my users, but there are only available for a certain period of time. To download them I'm using the a HTML tag: <a href="/api/items/1/generate?type=register" download="Important Letter.pdf"> <svg>...</svg> </a> This works fine in the normal flow of the use case, but if a user request a PDF outside of the download period, the server responds to the request with a 422 (Unprocessable Entity) HTML code, and place a json on the body of the request: HTTP/1.1 422 Unprocessable Entity Content-Type: application/json;charset=utf-8 {"error" : "Registration period expired", "type" : "expired", "data" : {"id" : 1}} Safari does not interpret this error and it generates the Important Letter.pdf file and writes the json content on it. Is there a wat to avoid this behavior and display an error message to the user? I was wondering if my server should send some specific error code.
Posted
by
Post not yet marked as solved
1 Replies
202 Views
I recently had a build go into the system for Test Flight distribution and got the automated message: "ITMS-90338: Non-public API usage - The app contains or inherits from non-public classes in Contents/MacOS/: UIMarkupTextPrintFormatter." I've been using UIMarkupTextPrintFormatter for a long time, and it appears to be a very-public API. I don't even see it as being marked obsolete/deprecated. Is anyone else getting this message? Is this just a goof on Apple's part, or will I need to find some alternative to UIMarkupTextPrintFormatter?
Posted
by
Post not yet marked as solved
3 Replies
327 Views
Hello, I am Flip.Shop developer. Our site is having a problem displaying a Video whose size adjusts dynamically to the width and height of the parent component. Please visit this page: https://flip.shop and scroll through a few posts. On all normal browsers (Chrome/Firefox) the video loads nicely. But on Safari 15.5 (desktop and mobile) you can see a flicker for a while. The first frame of the video can't adjust to the size. Video component looks like this: <video preload="auto" loop="" playsinline="" webkit-playsinline="" x5-playsinline="" src="blob:https://flip.shop/1039dfe6-a1f4-4f80-822b-250665225c68" autoplay="" style="width: 100%; height: 100%;"> </video> and CSS of parent component looks like this: width: 100%; height: 100%; position: relative; & video { object-fit: cover; } Is there any solution to prevent video from going crazy in the Safari browser? The only workaround that seems to work is to show a poster covering the video until the video plays. Unfortunately, there is no event to inform that Safari is freaking out, so this poster has to be removed after a 300-500 millisecond timeout connected to the "play" event, which significantly delays the display of this video (on Safari).
Posted
by
Post not yet marked as solved
1 Replies
239 Views
I'm fairly new to Swift and SwiftUI (and iOS development in general). I have a web app written in ReactJS and we use draftJS (Facebook opensource) to do rich text editing, which handles @mentions and #hashtags. When the keystroke listener picks up an @ or #, it looks up the mention or tag and when the user selects, it formats the result as a formatted link to the user or the tag. This works great. However, we started iOS development and are trying to bring the two version's feature sets to parity. I'm trying to build the iOS version using SwiftUI because of the reactive nature of the framework and how it mimics a lot of the same concepts from ReactJS. DraftJS has a complex data structure that gets serialized and stored as a JSON object OR I can save it as HTML. Or both. It's honestly way more than I need, but that's basically how to do it in React. I don't really need rich text. What I need is mentions, hashtags. How can I architect a solution that works for both platforms and stores state as something that both platforms can create and consume?
Posted
by
Post marked as solved
1 Replies
546 Views
Hello Safari 15.4 window.open freezes both parent and child tabs Made a github page where you can reproduce the bug: https://swanty.github.io/pdfjs-safari/broken.html It happens only when special conditions are met: The broken.html page loads Stripe v3 js file (important for the freeze) Upon clicking CLICK ME the code executes window.open().location = '...';, thus both parent and child tabs are linked together in the same process The second page opens the latest release of mozilla pdf.js that loads .pdf that contains only 1 image (the image is important for the freeze) Image is simply 3000x3000 PNG, 1 color, 1.2 kB file created with photopea, nothing special, except the resolution. PDF I created by dragging the .png into Chrome and clicking Print -> Save as pdf, also nothing special, just a regular pdf. On our production web if I navigate pages in same tab and at any point that stripe JS is loaded and then I navigate to a different page where window.open().location = '...' opens that pdf.js + .pdf file with special image then both tabs freeze. It doesn't matter how many times I navigate the pages (in same tab), it seems that once the stripe js is loaded, it lingers in the tab memory somewhere and causes the freeze. I would really appreciate it if someone from the Safari developer team could take a look at this and help find a solution :) Thank you
Posted
by
Post not yet marked as solved
1 Replies
407 Views
We are deploying a .net Webapp and running it on iOS and Android devices. On iOS 15 and later, if the app is on the homescreen, then run, put in background and then come back, all inputs like datepicker and selects are not working anymore. So if you click on the select, nothing happens. A restart of the app helps, but if the app is set in background, the same happens again. I've read from others having the same problems, is there anything done against it? Also tried this for iOS 15.4 Beta 4. At the moment we are asking our customers to use the app in safari and not on the homescreen to prevent the freezing. One example input and select: &lt;input data-clear-btn="false" data-db-class="some_db_class" data-db-name"some_db_name" data-db-typ="date" type="date" id="some_id" value="" data-inline="true"&gt; &lt;select data-mini="true" data-inline="true" class="some_class" &lt;option value="-1"&gt;Auswahl treffen...&lt;/option&gt; &lt;option value="0"&gt;Beispiel&lt;/option&gt; &lt;/select&gt;
Posted
by
Post not yet marked as solved
1 Replies
211 Views
I was working on a project where I used the HTMLAudioElement to record an audio response. While playing the audio on iPhone, I noticed that the sound came just from the ear speaker and not the loud speaker which is desired by the user. Is there a way to select the output to come out of the loud speaker as in the former case the user can't hear the preview audio properly?
Posted
by
Post not yet marked as solved
0 Replies
349 Views
When I am applying the CSS property "position: fixed" on the body a white space appears at the bottom of the screen. steps to reproduce the issue: open any page on ios safari hide the address bar by scrolling up apply css property position fixed on body You will see the extra space at the bottom of the screen. This area will be filled with address bar if the address bar is open.
Posted
by
Post not yet marked as solved
0 Replies
140 Views
Our web application is not working in iPAD & iPHONE (Safari & Chrome) browsers on 15.4.1 iOS OS version ,till 15.3.1 version it was working as expected in iPAD & iPHONE browsers (Safari & Chrome). Our Application is dynamic loading content for each inspection question. When user addressing inspection questions in between page gets auto refreshing, Due to this behaviour user are not able to complete the inspection. Technology USED: HTML 5 Jquery - v3.2.1
Posted
by
Post not yet marked as solved
0 Replies
139 Views
I want to get user's dictation content and do something. However, during dictation progress, system will continuously trigger 'input' DOM event with duplicated strings. It is impossible to know whether the dictation progress is end to get the final result. Several solutions here: provide specific field, like dictationStatus: end in input event params. trigger composition event instead of input event trigger specific DOM event when user presses on the dictation button. trigger input event only with latest recognized string. for example, I say " I like apple" will get 3 events with strings: "I" "like" "apple" ( not "I" "I like" "I like apple")
Posted
by
Post not yet marked as solved
0 Replies
306 Views
I have a select element and a input element like this: <html> <head> <script> $(document).ready(function(){ $("#sel").change(function(e){ $("#txt").focus(); }); $("#txt").focusout(function(e){ $("#sel").val("1"); }); }); </script> </head> <body> <select id="sel" style="width:50px;"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <br/> <input id="txt" name="input" style="width: 100px;"> </body> </html> change the option value to 2, then the option value is 1. The expected value is 2. mobile safari fires focusout event of active element when the change event occurs.
Posted
by
Post not yet marked as solved
0 Replies
210 Views
My app has HTML pages for content, and I have a button-triggered action to change the size of the text by using a set of functions that stepwise increases the WebKit webview text by changing the class of the document body (i.e."smallestText" = CSS webkit-text-size-adjust:80%) using the code below as the last step. On the iPhone simulator, this works perfectly but on the iPad simulator the text size does not change even though the functions are called, the javascriptString is correct, and the _webview contains the web content. I thought this might be a doctype version issue (most of the pages are HTML 4.01 strict) but changed it to HTML5 (!DOCTYPE html) with no change. Any ideas? (void)refreshWebview { NSString *javaScriptString = [NSString stringWithFormat:@"document.body.className = '%@'", self.fontSizeName]; [_webview evaluateJavaScript:javaScriptString completionHandler:nil]; }
Posted
by
Post not yet marked as solved
0 Replies
219 Views
On a MAC, the lost focus event is not triggered when the focus shifts away from the browser (This happens on all browsers (Safari, Chrome or Firefox))to another window when clicking on a search textbox or notification panel. This has been observed in:   MAC OS Big SUR Version 11.2.1 MAC OS Big SUR Version 11.5.1 MAC OS Big SUR Version 11.6 MAC OS Monterey 12.1   MAC OS High Sierra Version 10.13.6 is the only MAC OS where the lost focus event is triggered when clicking away from the browser to an OS component such as a textbox or notification panel. Is it possible to restore the lost focus event on the above versions of MAC OS?
Posted
by
Post not yet marked as solved
0 Replies
305 Views
Hello, I would like to have some fringe information about ioS Safari App extensions. My need is passing some HTML to the iOS Safari browser so a new tab or window is opened and the HTML rendered (and its Javascript executed, if any). Being that this is not possible directly, and said that I need that the HTML is handled by Safari and not by a WKWebView or by a SFSafariViewController inside my app, I thought about using an app extension. This seems to be cumbersome, especially for the reaasons described here: https://www.wildfire-corp.com/blog/to-apple-your-new-mobile-safari-extensions-are-great-can-opting-in-be-made-easier I do not know if something has changed or will change, I did not dive in the extension development yet. My idea is creating an extension with access to only a special domain, like html.myapp The url would be https://html.myapp/37h238rd83dt2d2tr8fai33cf When my app wants to open an url like that, Safari should open a window and start the extension, right? open(url,options:options,completionHandler:handler) The url contains a sort of query parameter that is a long string (bas64?) representing the entire HTML code, or a sort of unique ID. The script has to display the HTML after extracting it from the url, or read some shared data between the app and the extension based on the ID. After this point no other interaction is needed between the app and the app extension. I would like to know if the Safari browser in fact can open the new window just on behalf of a special url like the above mentioned one, that is, an url that does not point to a real web page, being that the domain is somehow "fake", although authorised from the Info.plist file. The domain is just for enabling Safari to receive the entire url with HTML string or the unique ID. So would the iOS Safari browser open the window, start the script and then display the HTML? And would all this be allowed by the submission review process? Thanks in advance, Regards PS I know that it was better that Apple allows to pass securely some HTML from a registered iOS app to Safari, instead of this workaround, even with special info.plist keys, certificates or something like that.
Posted
by