Web Analytics Made Easy - StatCounter onclick td - CodingForum

Announcement

Collapse
No announcement yet.

onclick td

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
  • #1

    onclick td

    Hi,

    I am trying to apply an onclick event to a <td>. The event should look something like this:

    <td onclick="test/test.html" target="main">
    </td>

    It is not working though; the error message I get is "test is not defined". Would someone know how I can fix this?

    DHTMLHELP
    Tags: None
  • #2
    Onclick doesn't work that way. This might work - not good at js

    onclick="document.location='test/test.html'"

    Comment

    • #3
      Hi Nightfire,

      it works fine except how can I include target="main" in the onclick event ???

      DHTMLHELP

      Comment

      • #4
        Erm, try this

        document.main.location='test/test.html'

        Might work, might not

        Comment

        • #5
          Hi Nightfire,

          nope, doesn't work.

          DHTMLHELP

          Comment

          • #6
            Hi, try this:

            <td onclick="parent.main.location=''test/test.html'">
            Cell contents...
            </td>

            Should do the trick .
            boxer_1
            CodingForum Moderator
            "How did a fool and his money get together in the first place?"

            Comment

            • #7
              I put an example thinking it might be more helpful to see it work (not all browsers will support the onClick event handler in a table cell):

              http://www.kynd.com/~buyswap/onClick_td_frame.html


              Here's the code that loads into the frame on the right (named 'other'):

              <html>
              <head>
              <title></title>
              </head>
              <body>
              <p>
              This page is loaded into the frame named other.
              </p>
              <table>
              <tr>
              <td onclick="parent.main.location='http://www.codingforum.net/'">
              Cell contents, <b>click here</b>.
              </td>
              </tr>
              </table>
              </body>
              </html>

              Just in case you were still having trouble .
              boxer_1
              CodingForum Moderator
              "How did a fool and his money get together in the first place?"

              Comment

              • #8
                Hi boxer,

                it doesn't work yet. I am thinking is it because I am not specifying http. Below is how the td looks like:

                <td width="180" bgcolor="#F4F4FF" onmouseover="this.style.backgroundColor='#EEEEFF'" onmouseout="this.style.backgroundColor='#F4F4FF'" onclick="parent.main.location='ml/ml.html'" style="cursor:hand;">

                </td>

                the error message I receive is:

                parent.main is null or not an object

                Does IE support the onclick event in tables?

                DHTMLHELP
                Last edited by dhtmlhelp; Jun 22, 2002, 04:22 PM.

                Comment

                • #9
                  Originally posted by dhtmlhelp
                  Hi boxer,

                  it doesn't work yet. I am thinking is it because I am not specifying http. Below is how the td looks like:

                  <td width="180" bgcolor="#F4F4FF" onmouseover="this.style.backgroundColor='#EEEEFF'" onmouseout="this.style.backgroundColor='#F4F4FF'" onclick="parent.main.location='ml/ml.html'" style="cursor:hand;">

                  </td>

                  the error message I receive is:

                  parent.main is null or not an object

                  Does IE support the onclick event in tables?

                  DHTMLHELP
                  As long as the path to the document (ml/ml.html) you specify is correct, it should work. If you place the html document in the same directory as the rest of your pages you can just use 'ml.html' as your path. The 'http' was just for the pupose of my example.

                  As to your question asking if IE supports the onclick event handler in table cells...well, it depends on the version. In IE 6, yes. Did the example I posted for you work?

                  Using the onclick event handler in a table cell is not very cross-browser and probably not too good of an idea unless you creating an intranet site where everyone with access to the page has a browser that supports it.

                  See here for more information on the onclick event handler:

                  http://developer.netscape.com/docs/manuals/js/client/jsref/handlers.htm#1119802
                  boxer_1
                  CodingForum Moderator
                  "How did a fool and his money get together in the first place?"

                  Comment

                  • #10
                    Hi,

                    I am using IE6. I still get the following error message:

                    parent.main is null or not and object

                    would you know why?

                    DHTMLHELP

                    Comment

                    • #11
                      Perhaps top.main instead of parent.main?

                      Nested framesets may be causing the problem with parent...
                      jasonkarldavis.com

                      Comment

                      • #12
                        HI dhtmlhelp,

                        You would only get that kind of error when the frame isn't there.

                        So don't test it alone. You must test it within a frameset with one of the frames called main. It will work then.

                        If it doesn't then try this (but in a frame)

                        <td onClick="javascriptarent.main.location.href='ml/ml.html';">
                        Bla Bla
                        </td>



                        Hope this helps
                        CYWebmaster.com - See why we dot com!!
                        ACJavascripts.com - Cut & Paste Javascripts!
                        SimplyProgram.com - Personal Blog

                        Comment

                        • #13
                          Hi,

                          maybe I should have specified that the table is in an iframe within another iframe. The iframe with the table is called sg while the main iframe is called main. I have tried:

                          onClick="javascriptarent.main.location.href='ml/ml.html';"

                          but still get the same error.

                          DHTMLHELP

                          Comment

                          • #14
                            WHei,

                            top.main works !!!!

                            thanks guys.

                            DHTMLHELP

                            Comment

                            Previous template Next
                            Working...
                            X