abonnement bol.com Unibet Coolblue
pi_30970440
1
2
3
4
5
6
7
8
9
10
11
12
13
<table width="769" border="0">
    <tr>
      <td width="124" height="25" bgcolor="#055405"><a href="top_trays.htm" target="topFrame" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('trays1','','images/trays_over.gif',1)"><img src="images/trays_norm.gif" alt="" name="trays1" width="123" height="25" border="0" id="trays1"></a></td>
      <td width="124" bgcolor="#055405"><a href="top_construction.htm" target="topFrame" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('transplanters1','','images/transplanters_over.gif',1)"><img src="images/transplanters_norm.gif" alt="" name="transplanters1" width="123" height="25" border="0" id="transplanters1"></a></td>
      <td width="124" bgcolor="#055405"><img src="images/blank.gif" alt="" name="blank1" width="123" height="25" border="0" id="blank1"></td>
      <td width="124" bgcolor="#055405"><img src="images/blank.gif" alt="" name="blank2" width="123" height="25" border="0" id="blank2"></td>
      <td width="123" bgcolor="#055405"><img src="images/blank.gif" alt="" name="blank3" width="123" height="25" border="0" id="blank3"></td>
      <td width="124" bgcolor="#055405"><div align="center"><img src="images/blank.gif" alt="" name="blank4" width="123" height="25" border="0" id="blank4"></div></td>
    </tr>
    <tr>
      <td height="121" colspan="6"><img src="images/logo.gif" width="760" height="110" border="1"></a></td>
    </tr>
  </table>


Ziet der niet uit, maar het gaat om "line 3" , ik wil graag een 2de target erbij, die opend in de mainFrame.
Dus; Bij klikken gaat "top_trays.html naar topFrame" en dan wil ik nog bijv "test.htm naar mainFrame"
Kan dit? zo ja...Hoe?
Alvast bedankt!
  dinsdag 27 september 2005 @ 13:27:44 #2
29223 giMoz
M-Power empowered
pi_30970600
2 targets in een A kan niet.
simpel: oplossing hiervoor is javascript
1parent.topFrame.location.href="page"


Maar..... zonder frames is beter....
Het probleem van virussen spy- en adware is niet de browser maar bevind zich tussen toetsenbord en rugleuning.....
www.zoekopdekaart.nl
pi_30974623
1
2
3
4
5
6
7
8
9
10
(plaats in de head)
<script>
function load_two_pages(){
   document.topFrame.location.href = top_trays.html;
   document.mainFrame.location.href = test.htm;
}
</script>

(plaats in de body)
<a onClick="load_two_pages();" href="">klik</a>

href="" moet erbij omdat anders de browser het 'a' object niet als link (hyperlinkreference) behandeld. Mocht dit problemen geven (verkeerde pagina laad) kun je het weglaten en met een paar CSS truukjes er alsnog een link 'uiterlijk' aan geven.
Nu ik het er toch over heb, ik kan je zeker aan raden CSS (cascadingstylescripts) te leren, dit scheelt je veel HTML typ werk.

Nog een paar opmerkingen:
- Waarom staat op regel 8 het plaatje in een div? de enige functie is align="center". Ik raad je aan de 'align="center"' code gewoon in de <td> te zetten. De align doet overigens ook niet veel aangezien er geen ruimte is om uit te lijnen, dus kun je het geheel weglaten.
- "name" is geen geldig attribuut van img (voor zover ik weet), "id" wel.
- Waarom je 4 keer hetzelfde plaatje gebruik snap ik ook niet helemaal, je kun dit oplossen door maar 3 blokken te gebruiken (2 voor de links en 1 die '4' breed is met het plaatje erin).
- blank.gif is gewoon een wit plaatje? als dit het geval is heb je het niet nodig en kan je het gewoon vervangen voor een 'forced' spatie ( ), hierdoor verschijnt het blok gewoon (zie code).

Ik heb een beetje aan de code geknutseld, dit kwam eruit:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
(plaats in de body)
<table width="769" border="0">
  <tr>
    <td class="default" bgcolor="#055405">
      <a href="top_trays.htm" target="topFrame"
         onMouseOut="MM_swapImgRestore()"
         onMouseOver="MM_swapImage('trays1','','images/trays_over.gif',1)">
        <img class="default" src="images/trays_norm.gif" id="trays1">
     </a></td>
    <td class="default">
      <a href="top_construction.htm" target="topFrame"
         onMouseOut="MM_swapImgRestore()"
         onMouseOver="MM_swapImage
         ('transplanters1','','images/transplanters_over.gif',1)">
        <img class="default" src="images/transplanters_norm.gif" id="transplanters1">
      </a>
    </td>
    <td class="default" style="width:496px;"> </td>
  </tr>
  <tr>
    <td height="121" colspan="3">
      <img src="images/logo.gif" width="760" height="110" border="1">
    </td>
  </tr>
</table>


(plaats in de head)
<style>
td.default {width:124px;height:25px;background:#055405;}
img.default {width:124px;height:25px;border:0px solid #000000;}
</style>

Ik heb de javascript code er nog niet aan toegevoegd (er staat al zoveel!!).
Ik heb de code niet getest, dus misschien gaat er iets fout of misschien is het niet wat je wilde (kan ik van de code alleen niet zien zo).

Voor HTML code geld in het algemeen: hoe minder code hoe beter. Probeer niet te ingewikkeld te doen en rare code te maken. Met name het uitlijning van plaatjes ed. kun je het beste aan de browser zelf over laten. Als een plaatje precies in een tabel blok moet passen kun je de groote en breedte van het plaatje aan het tabel blok geven en dan het plaatje zelf 100% breed en hoog maken (past altijd), vergeet alleen niet de cellpadding op 0 te zetten (anders heb je een 'rand').

Magoed, HTML is best veelzijdig, je kun veel goede en veel foute code schrijven. Probeer het zo simpel mogelijk te houden, probeer ook de regels zo kort mogelijk te houden, als je lange regels gaat maken kun je het best op een nieuwe regel beginnen (met inspringen).
Een goede site voor HTML (en CSS) is www.handleidinghtml.nl

--Jarudin--

[ Bericht 3% gewijzigd door Jarudin op 27-09-2005 16:05:03 ]
pi_30974686
Edited.

Meneer de webmaster nog nooit van Mozilla of Opera gehoord?
Layouts die knopjes en linkjes gaan verbergen zijn nou niet echt handig
Misschien de code maar es bijklussen?

--Jarudin--

[ Bericht 82% gewijzigd door Jarudin op 27-09-2005 16:08:27 (Er is geen delete knop!!!!) ]
pi_31030756
Bedank Jarudin
Die div in regel 10 kan ind weg, helemaal geen functie. De name voor het plaatje heeft hier wel functie, omdat het een javascript is. (swap) en dan kun je ze ook een naam geven. Maargoed. Blank is in dit geval helaas niet wit, en om het layout niet te verneuken moesten het er 3 worden. boeit ook verder niet. Maar ik zal der vannavond nog eens goed aan gaan sleutelen, en die "load two pages" eens testen
abonnement bol.com Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')