0

I have a html page 

<html>
<head>
</head>

<frameset cols="*" rows="48,100%" border="0" frameborder="yes" bordercolor="black">
    <frame name="header" src="bar.jsp" scrolling="no" marginheight="0" marginwidth="0" frameborder="0">
    <frame name="body" src="body.jsp" scrolling="auto" marginheight="0" marginwidth="0" frameborder="0">
    <frame>
</frameset>
</HTML>

Inside frame body I have the page body.jsp:

<table id="people" width="100%" border="0" cellspacing="8" cellpadding="0">
<tr class='list'>
<td></td>
</tr>
<tr class='list'>
<td></td>
</tr>
</table>

How to change the font size for all rows inside table?

Marcoscdoni
  • 893
  • 1
  • 7
  • 26
  • 1
    What HTML standard are you using? You're missing a doctype. If you're using HTML 5 there are ways of transporting data between the hosting page and the frame, that is the proper way to handle it. Trying to manipulate a frame's inner html is a security violation because it is not easy for a browser to determine if the frame is being hosted by you or if you are trying to execute a cross-site scripting attack. – SnowInferno Jul 01 '13 at 22:35

1 Answers1

0

It looks like your frames are the same domain so thats good. What you can do is insert a CSS file onto your frames using javascript, and then target whatever you want.

Something similar to this question:

var cssLink = document.createElement("link");
cssLink.href = "style.css"; 
cssLink .rel = "stylesheet"; 
cssLink .type = "text/css"; 
frames['body'].document.head.appendChild(cssLink);

and in that css file add something like:

#people tr{
   font-size:12pt;
}
Community
  • 1
  • 1
Evan
  • 5,476
  • 7
  • 29
  • 57