Linieskift i javascript

Nej, du kan ikke udskrive HTML-koder på den måde. Du skal gøre det sådan her i stedet f.eks.:

<script type="text/javascript">
function showPic(s,sText){
  var o=document.getElementById("personpic");

  if(!s){
    o.style.display="none";
    return false;
  }

  o.getElementsByTagName("img")[0].setAttribute("src",s);
  o.lastChild.nodeValue=sText;
  o.style.display="block";
}
</script>
<Table border='1'><TR><TD width='300'>

- <span onmouseover="showPic('Peter.png','Dette er Peter')" onmouseout="showPic()"><br>Peter</span>
- <span onmouseover="showPic('Peter.png','Dette er Peter')" onmouseout="showPic()"><br>Hans</span>
- <span onmouseover="showPic('Peter.png','Dette er Peter')" onmouseout="showPic()"><br>Morten</span>

</TD><TD width='300'>

<div id="personpic" style="display:none"><img alt="Personbillede"><br>&nbsp;</div>

</TD></TR></Table>

Hvad hvis jeg gerne vil have det sådan:

Billede (linieskift) Peter Hansen (LInieskift) Direktør

-- er det et fast skema eller det variabelt ?-)

Du kan gøre det variabelt således:

<script type="text/javascript">
function showPic(sSrc,aText){
  var o=document.getElementById("personpic");
  var newElement=null;

  if(!sSrc){
    o.style.display="none";
    return false;
  }

  while(o.hasChildNodes())
    o.removeChild(o.firstChild);

  newElement=document.createElement("img");
  newElement.setAttribute("src",sSrc);
  o.appendChild(newElement);

  for(var i=0,im=aText.split("<br>");i<im.length;i++){
    o.appendChild(document.createElement("br"));
    o.appendChild(document.createTextNode(im[i]));
  }

  o.style.display="block";
}
</script>
<Table border='1'><TR><TD width='300'>

- <span onmouseover="showPic('peter.png','Dette er Peter<br>Direktør')" onmouseout="showPic()"><br>Peter</span>
- <span onmouseover="showPic('hans.png','Dette er Hans<br>IT-chef')" onmouseout="showPic()"><br>Hans</span>
- <span onmouseover="showPic('morten.png','Dette er Morten<br>Assistent')" onmouseout="showPic()"><br>Morten</span>

</TD><TD width='300'>

<div id="personpic" style="display:none"></div>

</TD></TR></Table>

Men så kan du altså kun bruge <br> i teksten, der skal indsættes, ingen andre HTML-elementer.

Perfekt - tak!

Tak for point! :)