Forum Moderators: open
<a href="javascript:location='schedule.html';window.open('pbishops.html','Bishops','HEIGHT=300,WIDTH=420')">Bishops</a>
to indicate that the text in 6th column, Bishops, would be a link that opens a separate window at the specified size, pbishops.html.
This works for pbishops.html, which is the 6th day, but not for pjs.html or psingles.html, the 5th and 7th days, respectively. I have changed all of the respective information for the other two links, days 5 and 7, as you can see in the code sample.
Here is a sample of my file sructure:
index.html
images(folder)
html(folder)
>>>schedule.html(where links appear)
>>>pjs.html(pop-up, day 5)--not working
>>>pbishops.html(pop-up, day 6)--working
>>>psingles.html(pop-up, day 7)--not working
This is a piece of code taken from a table---one row seven columns:
I hope that it makes sense in your browser window!
<tr>
<td width="66" valign="top"><font color="#006633" face="Verdana, Arial, Helvetica, sans-serif" size="-1">1</font></td>
<td width="65" valign="top"><font color="#006633" face="Verdana, Arial, Helvetica, sans-serif" size="-1">2</font></td>
<td width="66" valign="top"><font color="#006633" face="Verdana, Arial, Helvetica, sans-serif" size="-1">3</font></td>
<td width="66" valign="top"><font color="#006633" face="Verdana, Arial, Helvetica, sans-serif" size="-1">4</font></td>
<td width="65" valign="top"><font color="#006633" face="Verdana, Arial, Helvetica, sans-serif" size="-1">5</font>
<p><font face="Skia, Geneva, Helvetica, Arial" size="-1" color="#006633">
<a href="javascript:location='schedule.html';window.open('pjs.html','PJ Ryans','HEIGHT=300,WIDTH=420')">PJ Ryans</a></font></p>
</td>
<td width="66" valign="top"><font color="#006633" face="Verdana, Arial, Helvetica, sans-serif" size="-1">6</font>
<p><font face="Skia, Geneva, Helvetica, Arial" size="-1" color="#006633">
<a href="javascript:location='schedule.html';window.open('pbishops.html','Bishops','HEIGHT=300,WIDTH=420')">Bishops</a></font></p>
</td>
<td width="65" valign="top"><font color="#006633" face="Verdana, Arial, Helvetica, sans-serif" size="-1">7</font>
<p><font face="Skia, Geneva, Helvetica, Arial" size="-1" color="#006633">
<a href="javascript:location='schedule.html';window.open('psingles.html','Irish Singles','HEIGHT=300,WIDTH=420')">Irish Singles</a></font></p>
</td>
</tr>
Basically, this site is for a band. There is a page called schedule.html that has a calendar(table, 7 columns, Xrows). On this calendar are html links to other pages (venue descriptions etc.) in the site that exist in the same folder as schedule.html. These pages (venue descriptions, etc.) need only to be H300xW420 as they contain little info. If anyone out there can give me some help with this I would really appreciate it. Sorry for the long question!
brad walsh
>> window.open('psingles.html','Irish Singles','HEIGHT=300,WIDTH=420')">
The window.open has three parts: source, window name and window dimensions. What separates #6 from #5 and #7 is that you have a space in the window name for the latter two. I'm not sure that is allowed.
The window name is not the same as the window title. The window title is defined within the source (psingles.html) using the <title> tag, and it is visible. The window name is only known to the browser and invisible - you could call all three (or 31) windows "pop-up" without losing functionality.
/claus