target=new_window

**X Q mano** · Dec 20, 2002, 02:06

Hi,

To place a target=new_window in the <a> tags will open a new window. (At least in IE, haven't bothered to try in the other browsers, since this is a page I'm going to use locally)

But how can I put the equivalent in the css?

**jofa** · Dec 20, 2002, 02:53

You mean target=_blank ?

Use CSS for target attributes? I don't think target is a style property...
Or maybe you could use javascript to assign values to the target property of all links, depending on their style class?

**X Q mano** · Dec 20, 2002, 03:23

target=_blank would be just as well... It's just that I've used new_window before, and it worked well...

Do you know how I could use js to assign value to classes? I haven't the slightest idea...

**jofa** · Dec 20, 2002, 03:48

No, I was wrong, the target property is read-only

**X Q mano** · Dec 20, 2002, 04:17

Which means it's impossible?

That's sad...

**jofa** · Dec 20, 2002, 04:33

Nothing is impossible

You can loop through all <a> tags, get the class name, the outer html (IE only, but that's no problem since it's a local file), and then change the value of outer html for each link, depending on the class name...

Something like:
var links = document.getElementsByTagName("a");
for(var i = 0; i < links.length; i++)
{
var link = links[i];
var cls = link.className;
var htm = link.outerHTML;
//... some string.replace trick here...

}

**awestmoreland** · Dec 20, 2002, 04:35

I think - although I may be wrong - that if you specify a target that doesn't exist, then IE assumes that you mean a new window with that name, which would explain why new_window works for you.

As for the target thing, it's not the way that you wanted to do it, and if you're aiming at several targets from the same page then it'll be no help at all, but have you tried including the following in the header?

Code:

<base target="_blank">

Andy

**X Q mano** · Dec 20, 2002, 04:40

Originally posted by jofa
Nothing is impossible

You can loop through all <a> tags, get the class name, the outer html (IE only, but that's no problem since it's a local file), and then change the value of outer html for each link, depending on the class name...

Something like:
var links = document.getElementsByTagName("a");
for(var i = 0; i < links.length; i++)
{
var link = links[i];
var cls = link.className;
var htm = link.outerHTML;
//... some string.replace trick here...

}

Hi, I'm sorry for being a little dense here, but I'll try to understand as best I can...

First line is ok... links becomes getelementsetcetera for the <a>tag

Second line... Hmmm... What's the "i" all about?

I've never heard of outerHTML before... And neither am I completely sure what the string.replace is...

Do you have the time/strength/patience to explain a little further?

**X Q mano** · Dec 20, 2002, 04:41

Originally posted by awestmoreland
I think - although I may be wrong - that if you specify a target that doesn't exist, then IE assumes that you mean a new window with that name, which would explain why new_window works for you.

As for the target thing, it's not the way that you wanted to do it, and if you're aiming at several targets from the same page then it'll be no help at all, but have you tried including the following in the header?

Code:

<base target="_blank">

Andy

Hi,

I haven't tried that... Should I just have that line in the header? Nothing more?

**awestmoreland** · Dec 20, 2002, 04:56

Originally posted by X Q mano
I haven't tried that... Should I just have that line in the header? Nothing more?

I think so. I've only ever tried it in the past specifying the name of a frame as opposed to _blank, but I can't see why it shouldn't work.

It just means that all links are opened in a new window unless you specify differently on the specific link.

Andy

**jofa** · Dec 20, 2002, 05:01

The i is simply the index you use when you loop through the array of <a> tags returned from getElem...

outerHTML is like innerHTML, but outer (oh, yeah, great explanation

)

If <p>Text</p> is the tag, then innerHTML is == Text, and outerHTML is == <p>Text</p>

Quick and dirty example:

Code:

<html>
  <head>
    <script type="text/javascript">
      function assignTargets() 
      { 
        var links = document.getElementsByTagName("A");
        for(var i = 0; i < links.length; i++)
        {
          var link = links[i];
          var cls = link.className;
          var htm = link.outerHTML;
          if(cls == "Cls1")
          {
            target = "_blank";
          }
          else if(cls == "Cls2")
          {
            target = "_self";
          }
          htm = htm.replace("<A", "<A target=" + target);
          link.outerHTML = htm;
        }
      }
    </script>
  </head>
  <body onload="assignTargets()">
    <a href="javascript:alert(this.target);" class="Cls1">Link 1</a>
    <a href="javascript:alert(this.target);" class="Cls2">Link 2</a>
    <a href="javascript:alert(this.target);" class="Cls1">Link 3</a>
  </body>
</html>

**X Q mano** · Dec 20, 2002, 05:37

Hey guys!

I tried the simplest first... It worked! So...

Thanks to the both of you for your time, advice and patience...

**awestmoreland** · Dec 20, 2002, 05:48

Recently someone in SPF responded to one of my threads saying that as "innerHTML" wasn't standards-compliant, that I should use text instead.

Is outerHTML compliant?

Cheers,

Andy

**jofa** · Dec 20, 2002, 05:48

Aha, that was all you needed? I thought you wanted to add different targets to different classes... Must read more carefully

**X Q mano** · Dec 20, 2002, 05:56

Yup, that was all I needed, sorry should have been a little more specific.

But I'll remember this thread if I ever need different classes to the different links...

**jofa** · Dec 20, 2002, 05:59

Originally posted by awestmoreland
Is outerHTML compliant?

Seems like neither of them are standard...
http://msdn.microsoft.com/workshop/a.../innerhtml.asp
http://msdn.microsoft.com/workshop/a.../outerhtml.asp

However, Mozilla supports innerHTML, but not outerHTML, maybe that's why I thought that innerHTML was standard

The SitePoint Forums have moved.

User Tag List

Thread: target=new_window

Thread Tools

Display

target=new_window

Bookmarks

Bookmarks

Posting Permissions