if div foo is outside the DOM, how could we use jQuery to assign the
HTML into it ? and retrieve it back ?
On Nov 17, 1:51 pm, "Hector Virgen" <[EMAIL PROTECTED]> wrote:
> The div will only be part of the body if you append it to the body.
> var div = document.createElement('div'); // not part of the dom yet
> div.setAttribute('id', 'foo'); // set an id, but it's still not part of the
> dom
> document.body.appendChild(div); // now the div is part of the dom
>
> But I'm not sure how <script> tags are handled prior to dom insertion.
>
> -Hector
>
> On Mon, Nov 17, 2008 at 1:45 PM, cc96ai <[EMAIL PROTECTED]> wrote:
>
> > how could I create the DIV outside the DOM ?
> > if I create a <div> inside the <body>, it is part of the DOM, isn't
> > it ?
>
> > On Nov 17, 12:32 pm, "Hector Virgen" <[EMAIL PROTECTED]> wrote:
> > > Will javascript be executed by jQuery#html() if the container is not part
> > of
> > > the dom?
> > > -Hector
>
> > > On Mon, Nov 17, 2008 at 12:21 PM, cc96ai <[EMAIL PROTECTED]>
> > wrote:
>
> > > > That is my original design, however if the textarea contains the
> > > > javascript, it will execute the Javascript in div as well.
>
> > > > in the following example, the popup will come out when we try to
> > > > populate the textarea content into div.
> > > > that's why I am looking other way to parse the content.
> > > > e.g.
> > > > <textarea cols="50" rows="5" id="content">
> > > > <a id="link" href="http://www.google.ca"; target="_new" border="2">test
> > > > link</a>
> > > > <img src="images/test.jpg" border="1" vspace="2" alt="test">
> > > > <script>
> > > > alert("popup");
> > > > </script>
> > > > </textarea>
>
> > > > Thanks,
>
> > > > On Nov 17, 12:01 pm, "Hector Virgen" <[EMAIL PROTECTED]> wrote:
> > > > > You can try assigning the value of the textarea to a hidden div. Then
> > > > you'll
> > > > > have access to jQuery's functions on the HTML:
> > > > > var html = $('#content').val();
> > > > > var div = $('<div />').css({display: 'none'});
> > > > > div.html(html);
> > > > > div.find('a[target]').removeAttr('target');
>
> > > > > Then replace the textarea with the html contents of the div:
>
> > > > > var filtered = div.html();
> > > > > $(#content).val(filtered);
>
> > > > > -Hector
>
> > > > > On Mon, Nov 17, 2008 at 11:22 AM, cc96ai <[EMAIL PROTECTED]>
> > > > wrote:
>
> > > > > > If we do the replace , it will replace all the tag's border &
> > target.
>
> > > > > > is there anyway it can replace on tag level ?
>
> > > > > > On Nov 17, 10:34 am, Eric Martin <[EMAIL PROTECTED]> wrote:
> > > > > > > If you just want the "string" value, how about:
>
> > > > > > > var content = $("#content").val();
> > > > > > > content = content.replace(/ target=(\'|\")_(new|blank)(\'|\")/,
> > "");
> > > > > > > content = content.replace(/ border=(\'|\")\d+(\'|\")/, "");
>
> > > > > > > -Eric
>
> > > > > > > On Nov 17, 10:18 am, cc96ai <[EMAIL PROTECTED]> wrote:
>
> > > > > > > > I have a text area in the following
> > > > > > > > <textarea cols="50" rows="5" id="content">
> > > > > > > > <a id="link" href="http://www.google.ca"; target="_new">test
> > > > link</a>
> > > > > > > > <img src="images/test.jpg" border="1" vspace="2" alt="test">
> > > > > > > > </textarea>
>
> > > > > > > > and I would like to strip out the hyperlink target, and image
> > > > border,
> > > > > > > > and get the string of the HTML,
> > > > > > > > any idea on it?
>
> > > > > > > > I try the following, but it only remove the hyperlink in the
> > page,
> > > > not
> > > > > > > > the hyperlink in textarea.
> > > > > > > > $("a").removeAttr("target");
>
> > > > > > > > Can I load the textarea 's content in jquery, then do the
> > select/
> > > > > > > > remove the attribute and return as string?
>
> > > > > > > > Thanks
