Change text into Bold

Hello all,

I am using the following HTML code to create a link in my page..

<DIV ID="LinkA"><A HREF=myURL" onClick= "MakeBold('LinkB')>LinkA</A></DIV>
<DIV ID="LinkB"><A HREF=myURL">Link B</A></DIV>

I want to make the link B bold when the link A is clicked? I tried to create a Java Script function, and pass the Id of the link B to it as a parameter, but what is the java script statment that change a text into bold?

Any idea?!!
Areej
AreejAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
hjainuConnect With a Mentor Commented:
<html>
<head>
<style>
.c1{
font-weight:"bold"
}
</style>
<script language="javascript">

function abc()
{
i1.className="c1"
}

</script>
</head>

<body>
<a href="url"><span  onClick=abc()>A Link</span></a>
<a href="url"><span id="i1">B Link</span></a>
</body>
</html>
0
 
Michel PlungjanIT ExpertCommented:
There is none.

You can change a STRING to bold by using
document.all('LinkB').innerHTML = document.all('LinkB').innerHTML.bold()
in IE

Alternatively use a stylesheet and change the class of the link

Michel
0
 
AreejAuthor Commented:
Thanx a lot..
It is working fine from Explorer, but what about Netscape?!

Many thanx,
Areej
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
rogpereiraCommented:
function MakeBold(l_obj) {
  document.all(l_obj).style.fontWeight = "bold";
}
0
 
AreejAuthor Commented:
Thanx a lot rogpereira, but that statment works only with Explorer. It is not working with Netscape. I'm getting "document.all has no properties" when I try to run it from netscape.

Any idea?!

Areej
0
 
rogpereiraCommented:
I'm sorry, but I don't work with Netscape.
0
 
nimaigCommented:
You need to put your HTMLLink code in a
<DIV> or <LAYER> object and rewrite the content of the Layer everytime the Link A is clicked. That is the only possibility I know to make the thing work in Netscape.
0
 
Michel PlungjanIT ExpertCommented:
Yep it is IE only.

So

<script>
boldText = '<A HREF="myURL"><B>Link B</B></A>'


function makeBold(divId) {
   if (document.all) {
      document.all(divId).innerHTML = boldText;
   }
   else if (document.layers) {
      with(document.layers[divId].document) {
        write(boldText);
        close()
      }
   }
   else if (document.getElementById) {
      document.getElementById(divId).innerHTML = boldText;
   }

   return false
}

<DIV ID="LinkA"><A HREF="myURL"
onClick= "return MakeBold('LinkB')>LinkA</A></DIV>
<DIV ID="LinkB" STYLE="position:absolute"><A HREF="myURL">Link B</A></DIV>

Another alternative is to have the two kinds of links in two layers and show one and hide the other

Michel
0
 
Michel PlungjanIT ExpertCommented:
Sorry missed a </script>
0
 
nimaigCommented:
Michel -:
You missed the double quotes :
  i.e. it should be onClick= "return MakeBold('LinkB')"
and the method name must me makeBold('LinkB') not MakeBold('LinkB')

cheers :)
0
 
Michel PlungjanIT ExpertCommented:
yeah - thanks

Michel
0
 
AreejAuthor Commented:
Thanx a lot 4 all of u.. :-)
0
 
Michel PlungjanIT ExpertCommented:
??????????

Michel
0
 
bebonhamCommented:
mplungjan...

check the other q he answered!!
???
0
All Courses

From novice to tech pro — start learning today.