Extensible In-Line Help Code

988 Expert 512MB

Folks,

Sorry if this question is a little vague. I'm trying to improve on what looks to be a painful code methodology.

In short, I have a web application where I'm trying to embed help bits as part of the prompts for various form fields.

Basically I want to implement a "more/less" toggle, something like the code I have posted below.

Since the fields are built into the forms dynamically, I'm not sure how to identify HTML segments, except by using distinct identifiers. If there is a shorter, easier way, I'm all eyes. I am really getting tired of having to change names in six places each time I add help text to a field.

Anyway - the following is an example of what I have. Is there a better way to do this?

Expand|Select|Wrap|Line Numbers

 <script type='text/javascript'>

{

  function help_LL_Affected_Lifecycle_Phases()

  {

    var help = document.getElementById('help_LL_Affected_Lifecycle_Phases');

    var tag = document.getElementById('tag_LL_Affected_Lifecycle_Phases');

    if (help.style.display == 'none') {

      help.style.display = '';

      tag.innerHTML = 'less';

    } else {

      help.style.display='none';

      tag.innerHTML = 'more';

    }

  }

}

</script>

All project lifecycle phases affected by the lesson.&nbsp;&nbsp;<a href='#' onclick='help_LL_Affected_Lifecycle_Phases(); return false;'><strong id='tag_LL_Affected_Lifecycle_Phases'>more</strong></a>

<div id='help_LL_Affected_Lifecycle_Phases' style='display:none'>

<ul><li>Select all of the lifecycle phases, which are affected by this lesson.

<li>Example: <strong>Preliminary Design</strong></ul>

</div>

Thanks,
Oralloy

Sep 22 '10 #1

Subscribe Post Reply

✓ answered by RamananKalirajan

You can use title attribute also. It is shown like a tool tip.

ex:

Expand|Select|Wrap|Line Numbers

 <html>

<body>

 <div>

  This is the passage about the growing problem in human life. One of the major problem is <b><span style="cursor:pointer;" title="Complexity is a problem which affects the attitude of a person">complexity</span></b>

 </div>

</body>

</html>

Thanks and Regards
Ramanan Kalirajan

996

RamananKalirajan

608

512MB

You can use title attribute also. It is shown like a tool tip.

ex:

Expand|Select|Wrap|Line Numbers

 <html>

<body>

 <div>

  This is the passage about the growing problem in human life. One of the major problem is <b><span style="cursor:pointer;" title="Complexity is a problem which affects the attitude of a person">complexity</span></b>

 </div>

</body>

</html>

Thanks and Regards
Ramanan Kalirajan

Sep 22 '10 #2

Oralloy

988

Expert 512MB

Ramanan,

This is what I've converged on:

Expand|Select|Wrap|Line Numbers

 <!--works-->

All project lifecycle phases affected by the lesson.&nbsp;&nbsp;

<div id='tagg_LL_Affected_Lifecycle_Phases'>(more)</div> 

<div id='help_LL_Affected_Lifecycle_Phases'>

 <ul><li>Select all of the lifecycle phases, which are affected by this lesson.

 <li>Example: <strong>Preliminary Design</strong></ul>

</div>

<script type='text/javascript'> 

 tagg = document.getElementById('tagg_LL_Affected_Lifecycle_Phases'); 
 
 tagg.help = document.getElementById('help_LL_Affected_Lifecycle_Phases'); 

 tagg.help.style.display = 'none';

 tagg.stat = 0;

 tagg.style.color = 'blue';

 tagg.style.fontWeight = 'bold';
 
 tagg.onclick = function() {

  if (this.stat == 0) {

   this.help.style.display = '';

   this.innerHTML = '(less)';

   this.stat = 1;

  } else {

   this.help.style.display='none';

   this.innerHTML = '(more)';

   this.stat = 0;

  }

  return false;

 }
 
 tagg.onmouseover = function() {

  this.style.cursor='help';

 }

</script>

Have you got any addititional suggestions on how to make it cleaner?

Sep 22 '10 #3

by: jerrygarciuh | last post by:

I was wondering if anyone had any advice or recommendations on finding a stable, extensible eCom cart/ fullfillment system using mySQL and PHP (or Perl)? My client is preparing to get online...

PHP

Is it wrong to allow user initiated DDL commands to facilitate an extensible schema

by: Karen Sundquist | last post by:

I have a client who wants to build a database with a user extensible schema. The client wants to model an entity with about 100 numeric attributes. As time goes on, more numeric attributes will...

Microsoft SQL Server

Polymorphism in xml ??

by: Sony Antony | last post by:

We have an xml/java/W3C schema/jaxb based application. I would like to define some elements that are extensible. In particular the schema has an element defined as 'exception'. This has an integer...

.NET Framework

Problem with virtual in derived class

by: Bren | last post by:

I'm hoping somebody can help me with the following problem. I'm hoping it's not insurmountable. Here's a basic structure: class EventTarget { public: EventTarget(); virtual ~EventTarget();

C / C++

Is XHTML actually eXtensible?

by: Maury Merkin | last post by:

Hi, I manage a couple of Web sites which, occasionally, use foreign (i.e. non-English, since English is the language of these sites) words. My elementary school teacher told me that foreign...

HTML / CSS

design and develop extensible.NET web application framework -hypothetical question

by: Hazz | last post by:

If in an interview next week I was told to Design and Develop Extensible Web Application Frameworks using Microsoft .NET technologies. How do I break that question down? My first temptation...

C# / C Sharp

Extensible C#

by: Peter Gummer | last post by:

Has anyone tried Extensible C# (XC#) from ResolveCorp (<http://www.resolvecorp.com/>)? It looks good, it’s been around for a few years, but there seems to be almost no mention of it on the web....

C# / C Sharp

Building an Extensible Web Framework

by: Lucas Tam | last post by:

Any ideas on how to build a web application that can support modules easily? Something like DotNetNuke... any other alternative? What do you guys used to build an extensible web app? I was...

ASP.NET

What's the use of XML in real world project development?

by: Nice | last post by:

seems XML is used in SOAP for transfer information and used as config files most time in dotnet. Where XML will be used in real project development?

C# / C Sharp

resources in separate assembly - ugly :(

by: Sergei Shelukhin | last post by:

Hi. We have a resource assembly that is separate and is used by a class library assembly, a web app, web service set (all in separate projects). Windows app is also potentially possible. First...

ASP.NET

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing

Extensible In-Line Help Code

✓ answered by RamananKalirajan

Similar topics