Response title
This is preview!
Move this topic
[jQuery] Safari append to empty div
in Using jQuery
•
15 years ago
well, I've developed an admin system which rely heavely on jQuery.
But, safari can't seem to append html to empty div's (or perhaps any
div) - is there a fix to this?
im doing something like this:
var str = 'lorem ipsum';
$("#emptyDiv").append(str);
But nothing happens, works in firefox though =/
Replies(3)
Re: [jQuery] Safari append to empty div
15 years ago
Safari makes lots of false steps in its efforts at optimization. I always try the webkit version at <a href="http://nightly.webkit.org/">http://nightly.webkit.org/</a>
If it still croaks, put a in the div.
<div><span class="gmail_quote">On 5/27/07, <b class="gmail_sendername"><a href="mailto:jakob@realmail.dk">jakob@realmail.dk</a></b> <<a href="mailto:jakobdj@gmail.com">jakobdj@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
well, I've developed an admin system which rely heavely on jQuery.
But, safari can't seem to append html to empty div's (or perhaps any
div) - is there a fix to this?
im doing something like this:
var str = 'lorem ipsum';
$("#emptyDiv").append(str);
But nothing happens, works in firefox though =/
</blockquote></div>
<br clear="all">
--
Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
If it still croaks, put a in the div.
<div><span class="gmail_quote">On 5/27/07, <b class="gmail_sendername"><a href="mailto:jakob@realmail.dk">jakob@realmail.dk</a></b> <<a href="mailto:jakobdj@gmail.com">jakobdj@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
well, I've developed an admin system which rely heavely on jQuery.
But, safari can't seem to append html to empty div's (or perhaps any
div) - is there a fix to this?
im doing something like this:
var str = 'lorem ipsum';
$("#emptyDiv").append(str);
But nothing happens, works in firefox though =/
</blockquote></div>
<br clear="all">
--
Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
Leave a comment on jakecigar's reply
Re: [jQuery] Safari append to empty div
15 years ago
<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; ">If you know the div is empty, and you just want to put a string in it, you could do this instead:<DIV>$('#emptyDiv').text(str);</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>If you're not sure it's going to be empty, you could try this:</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>var $maybe = $('#emptyDiv');</DIV><DIV>if $maybe.is(':empty') {</DIV><DIV> $maybe.text(str);</DIV><DIV>} else {</DIV><DIV> $maybe.append(str);</DIV><DIV>}</DIV><DIV><BR><DIV> <SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><BR class="Apple-interchange-newline"><SPAN class="Apple-style-span" style="border-collapse: separate; border-spacing: 0px 0px; color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: auto; -khtml-text-decorations-in-effect: none; text-indent: 0px; -apple-text-size-adjust: auto; text-transform: none; orphans: 2; white-space: normal; widows: 2; word-spacing: 0px; "><DIV><BR class="khtml-block-placeholder"></DIV><DIV>--Karl</DIV><DIV>_________________</DIV><DIV>Karl Swedberg</DIV><DIV>www.englishrules.com</DIV><DIV>www.learningjquery.com</DIV><DIV><BR class="khtml-block-placeholder"></DIV><BR class="Apple-interchange-newline"></SPAN></SPAN> </DIV><BR><DIV><DIV>On May 27, 2007, at 5:10 PM, <A href="mailto:jakob@realmail.dk">jakob@realmail.dk</A> wrote:</DIV><BR class="Apple-interchange-newline"><BLOCKQUOTE type="cite"><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">well, I've developed an admin system which rely heavely on jQuery.</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">But, safari can't seem to append html to empty div's (or perhaps any</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">div) - is there a fix to this?</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">im doing something like this:</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">var str = 'lorem ipsum';</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">$("#emptyDiv").append(str);</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">But nothing happens, works in firefox though =/</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; min-height: 14px; "><BR></DIV> </BLOCKQUOTE></DIV><BR></DIV></BODY></HTML>
Leave a comment on kswedberg's reply
Re: [jQuery] Safari append to empty div
15 years ago
I tried a simple program to do that in Safari,Webkit, Opera & Firefox, it works as advertised. Did I miss something?
<a href="http://cigar.dynalias.org/plugins/debug/safari.html">http://cigar.dynalias.org/plugins/debug/safari.html
</a>
<pre id="line1"><span class="pi"><?xml version="1.0" encoding="utf-8" ?></span>
<span class="doctype"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "<a href="http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd</a>"></span>
<<span class="start-tag">html</span><span class="attribute-name"> xmlns</span>=<span class="attribute-value">"<a href="http://www.w3.org/1999/xhtml">
http://www.w3.org/1999/xhtml</a>" </span><span class="attribute-name">xml:lang</span>=<span class="attribute-value">"en"</span>>
<<span class="start-tag">head</span>>
<<span class="start-tag">
title</span>>$("#emptyDiv").append(str).debug();</<span class="end-tag">title</span>>
<<span class="start-tag">script</span><span class="attribute-name"> type</span>=<span class="attribute-value">
"text/javascript"</span>>window.onerror = function(e,f,l){alert(e + "\nin:" + f + "\n@" + l)} //just a little extra error catching</<span class="end-tag">script</span>>
<<span class="start-tag">
script</span><span class="attribute-name"> type</span>=<span class="attribute-value">"text/javascript" </span><span class="attribute-name">src</span>=<span class="attribute-value">"/js/jquery.js"</span>
></<span class="end-tag">script</span>>
<<span class="start-tag">script</span><span class="attribute-name"> type</span>=<span class="attribute-value">"text/javascript" </span><span class="attribute-name">
src</span>=<span class="attribute-value">"jquery.debug-pack.js"</span>></<span class="end-tag">script</span>>
</pre><pre id="line9"> <<span class="start-tag">script</span><span class="attribute-name">
type</span>=<span class="attribute-value">"text/javascript"</span>>
jQuery(function($){
var str = 'lorem ipsum';
$("#emptyDiv").append(str).debug();
});
</
<span class="end-tag">script</span>>
</<span class="end-tag">head</span>>
<<span class="start-tag">body</span>>
<<span class="start-tag">div</span><span class="attribute-name"> id</span>=<span class="attribute-value">
"emptyDiv"</span>></<span class="end-tag">div</span>>
</<span class="end-tag">body</span>>
</<span class="end-tag">html</span>>
</pre>
<div><span class="gmail_quote">On 5/27/07,
<b class="gmail_sendername">Ⓙⓐⓚⓔ</b> <<a href="mailto:jakecigar@gmail.com">jakecigar@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
Safari makes lots of false steps in its efforts at optimization. I always try the webkit version at <a href="http://nightly.webkit.org/" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://nightly.webkit.org/
</a>
If it still croaks, put a in the div.
<div><span class="e" id="q_112cf6a71ad844f0_1">
<div><span class="gmail_quote">On 5/27/07, <b class="gmail_sendername"><a href="mailto:jakob@realmail.dk" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
jakob@realmail.dk</a></b> <<a href="mailto:jakobdj@gmail.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">jakobdj@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
well, I've developed an admin system which rely heavely on jQuery.
But, safari can't seem to append html to empty div's (or perhaps any
div) - is there a fix to this?
im doing something like this:
var str = 'lorem ipsum';
$("#emptyDiv").append(str);
But nothing happens, works in firefox though =/
</blockquote></div>
<br clear="all">
</span></div><span class="sg">
--
Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
</span></blockquote></div>
<br clear="all">
--
Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
<a href="http://cigar.dynalias.org/plugins/debug/safari.html">http://cigar.dynalias.org/plugins/debug/safari.html
</a>
<pre id="line1"><span class="pi"><?xml version="1.0" encoding="utf-8" ?></span>
<span class="doctype"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "<a href="http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd</a>"></span>
<<span class="start-tag">html</span><span class="attribute-name"> xmlns</span>=<span class="attribute-value">"<a href="http://www.w3.org/1999/xhtml">
http://www.w3.org/1999/xhtml</a>" </span><span class="attribute-name">xml:lang</span>=<span class="attribute-value">"en"</span>>
<<span class="start-tag">head</span>>
<<span class="start-tag">
title</span>>$("#emptyDiv").append(str).debug();</<span class="end-tag">title</span>>
<<span class="start-tag">script</span><span class="attribute-name"> type</span>=<span class="attribute-value">
"text/javascript"</span>>window.onerror = function(e,f,l){alert(e + "\nin:" + f + "\n@" + l)} //just a little extra error catching</<span class="end-tag">script</span>>
<<span class="start-tag">
script</span><span class="attribute-name"> type</span>=<span class="attribute-value">"text/javascript" </span><span class="attribute-name">src</span>=<span class="attribute-value">"/js/jquery.js"</span>
></<span class="end-tag">script</span>>
<<span class="start-tag">script</span><span class="attribute-name"> type</span>=<span class="attribute-value">"text/javascript" </span><span class="attribute-name">
src</span>=<span class="attribute-value">"jquery.debug-pack.js"</span>></<span class="end-tag">script</span>>
</pre><pre id="line9"> <<span class="start-tag">script</span><span class="attribute-name">
type</span>=<span class="attribute-value">"text/javascript"</span>>
jQuery(function($){
var str = 'lorem ipsum';
$("#emptyDiv").append(str).debug();
});
</
<span class="end-tag">script</span>>
</<span class="end-tag">head</span>>
<<span class="start-tag">body</span>>
<<span class="start-tag">div</span><span class="attribute-name"> id</span>=<span class="attribute-value">
"emptyDiv"</span>></<span class="end-tag">div</span>>
</<span class="end-tag">body</span>>
</<span class="end-tag">html</span>>
</pre>
<div><span class="gmail_quote">On 5/27/07,
<b class="gmail_sendername">Ⓙⓐⓚⓔ</b> <<a href="mailto:jakecigar@gmail.com">jakecigar@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
Safari makes lots of false steps in its efforts at optimization. I always try the webkit version at <a href="http://nightly.webkit.org/" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://nightly.webkit.org/
</a>
If it still croaks, put a in the div.
<div><span class="e" id="q_112cf6a71ad844f0_1">
<div><span class="gmail_quote">On 5/27/07, <b class="gmail_sendername"><a href="mailto:jakob@realmail.dk" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
jakob@realmail.dk</a></b> <<a href="mailto:jakobdj@gmail.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">jakobdj@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
well, I've developed an admin system which rely heavely on jQuery.
But, safari can't seem to append html to empty div's (or perhaps any
div) - is there a fix to this?
im doing something like this:
var str = 'lorem ipsum';
$("#emptyDiv").append(str);
But nothing happens, works in firefox though =/
</blockquote></div>
<br clear="all">
</span></div><span class="sg">
--
Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
</span></blockquote></div>
<br clear="all">
--
Ⓙⓐⓚⓔ - יעקב ʝǡǩȩ ᎫᎪᏦᎬ
Leave a comment on jakecigar's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to jakobdj's discussion