Disable hyperlink and Mouseover

[Vinutha Jagadish]

Hi,

I have a table with name and status as column fields to display names of person and status whether he is online or offline.
All rows has hyperlink.
I want to remove hyperlink and Mouseover icon for rows which has offline status

How to have this.

Thanks,
Jagadish

[Bear Bibeault]

How is this all being generated? JSP? PHP?

This sounds like something that would be handled much better on the server than as an after-thought on the client.

[Vinutha Jagadish]

i have created jsp with display tag

<display:table id="displayTable"
                 name="systemList"
                 class="scrollTable"
                 decorator="com.inc.Wrapper">
                 
    <display:column title =""
                    property="hiddenField(name)" />  

    <display:column property="hiddenClickDisabler(name)" sortProperty="name" titleKey="name"/>

    <display:column property="status" sortProperty="status" titleKey="status" />

  </display:table>

in my com.inc.Wrapper class, i am handling to disable hyperlink like this,

    public String getHiddenClickDisabler( String field ) throws ObjectLookupException
    {
    	Component component = (Component) getCurrentRowObject();
		String name = component.getName();
		String value = name;
        if( name != null && name.equalsIgnoreCase("NameOffline"))
        {
        	value = "<a disabled=\"true\" onclick=\"return false\">" + value + "</a>";
        	return value;
        }
        else
        	return name;
    }

[Bear Bibeault]

I don't use that library, but the correct solution is not create the hyperlinks in the first place when they are not appropriate.

[Vinutha Jagadish]

i need hyperlink for rows which has got status online. So, if i remove hyperlink logic, how to create links for online status rows.
i want to disable hyperlinks with the help of Wrapper class where i need to include logic to remove hyperlink

i tried with below code

 value = "<a disabled=\"true\" onclick=\"return false\">" + value + "</a>";  

but this logic only disables the text but still i am able to click that row.

[Paul Clapham]

Generate hyperlinks for lines which need hyperlinks. Generate something else for lines which don't need hyperlinks. Plain text seems like a good substitute to me, but it's up to you to choose something which works.

[Vinutha Jagadish]

This is the javaScript cal i am using in my jsp

<script type="text/javascript">
  tableRowClick('/getStatusDetail.action', 'selectedId');
</script> 

This is the javascript function which our framework is using. This logic will generate hyperlinks for all rows in a table.
Now, how can i change this code to remove hyperlink for some of the rows.
Please explain with code if possible.

function tableRowClick(clickURL, keyParameter)
{

  if (keyParameter == null) keyParameter = 'primaryKey';

  var table = document.getElementById("displayTable");
  var rows = table.getElementsByTagName("tr");
  var rowClass = "";

  /*
   * Detect no real rows in table and prevent row highlighting and click logic.
   */
  if (rows.length == 2)
  {
    var firstRealRow = rows[1];
    var cells = firstRealRow.getElementsByTagName('td');
    var cell = cells[0];
    var cellContents = cell.innerHTML;
    //TODO This check is a bit poor but it will do for now.
    if (cellContents.indexOf('Nothing') > -1)
    {
      return;
    }
  }

  for (i in rows)
  {
    rows[i].onmouseover = function(e)
    {
      if (!e) e = window.event;
      if ((getTarget(e).tagName == 'OPTION') || (getTarget(e).tagName == 'scrollbar') || (getTarget(e).tagName == 'SELECT'))
      {
        return;
      }

      rowClass = this.className; this.className='over'
    };
    rows[i].onmouseout = function(e)
    {
			if (!e) e = window.event;
      if ((getTarget(e).tagName == 'OPTION') || (getTarget(e).tagName == 'scrollbar') || (getTarget(e).tagName == 'SELECT'))
      {
        return;
      }

      this.className=rowClass;
    };
    rows[i].onclick = function(e)
    {
      /* Cross browser way to determine the correct event */
      if (!e) e = window.event;

      // The following checks are to suppress click through on particular target types
      // i.e. checkboxes, text inputs etc
      if (getTarget(e).type == 'checkbox')
      {
        e.cancelBubble = true;
        if (e.stopPropagation) e.stopPropagation();
        return;
      }
      if (getTarget(e).type == 'text')
      {
        e.cancelBubble = true;
        if (e.stopPropagation) e.stopPropagation();
        return;
      }
      if (getTarget(e).tagName == 'SELECT')
      {
        e.cancelBubble = true;
        if (e.stopPropagation) e.stopPropagation();
        return;
      }
      else
      {
        var cell = this.getElementsByTagName("td")[0];
        var children = cell.childNodes;
        var id = children[0].value;

			 /*
        * This little block here will disable the clickability of selected rows
        * By putting a hidden field in your jsp like this:-
        *   <display:column width="0" title ="" property="hiddenClickDisabler()" />
        * and then a getter in your displayer called getHiddenClickDisabler()
        * you can make a decision based on the row content
        */

        elementId = "clickable";
        var clickable = document.getElementById(elementId + id);
        if (clickable != null)
        {
          if (clickable.value == "false")
          {
            alert("Row not clickable");
            e.cancelBubble = true;
            if (e.stopPropagation) e.stopPropagation();
            return;
          }
        }

        // Handle issue when it is possible to click on the empty "Nothing found to display" line
        if (id == null) return;

        // This check will suppress a click through when
        // an option is chosen from a select box
        if (getTarget(e).tagName == 'OPTION')
        {
          e.cancelBubble = true;
          if (e.stopPropagation) e.stopPropagation();
          return;
        }

        // All above checks have been carried out and we have gotten to this point,
        // so we can now click through to the desired href
        location.href = getWebappContext() + clickURL + '?' + keyParameter + '=' + id;
        this.style.cursor="progress";
      }
    }
  }
}

[Paul Clapham]

Vinutha Jagadish wrote:This is the javascript function which our framework is using. This logic will generate hyperlinks for all rows in a table.
Now, how can i change this code to remove hyperlink for some of the rows.
Please explain with code if possible.

I still think that's the wrong thing to do. Just have the code generate hyperlinks only for the rows that should have them. Don't generate hyperlinks for all rows and then go back and un-generate them for the rows which should not have had them in the first place.