feestvarken
Nieuwe gebruiker
- Lid geworden
- 4 nov 2010
- Berichten
- 2
Hallo,
Ik heb onderstaande code gevonden voor tabbladen op een pagina te maken. Deze geeft een foutmelding bij 'sc1' en 'sc2' en 'sc3' en ook bij 4 en 5. Als ik ' vervang door " dan is de foutmelding weg maar dan werken de tabbladen niet. Weet iemand waar ik het wel door kan vervangen.
De code wil ik voor deze pagina laten werken.
Er komt nu geen foutmelding omdat de 'door " vervangen is rondom sc1 en 2 enz maar nu komt ie niet op de tabbladen terecht maar opent ie een hele nieuwe pagina.
Ik heb onderstaande code gevonden voor tabbladen op een pagina te maken. Deze geeft een foutmelding bij 'sc1' en 'sc2' en 'sc3' en ook bij 4 en 5. Als ik ' vervang door " dan is de foutmelding weg maar dan werken de tabbladen niet. Weet iemand waar ik het wel door kan vervangen.
De code wil ik voor deze pagina laten werken.
Er komt nu geen foutmelding omdat de 'door " vervangen is rondom sc1 en 2 enz maar nu komt ie niet op de tabbladen terecht maar opent ie een hele nieuwe pagina.
PHP:
<?php
/*
$Id: fietsenverhuur.php,v 1.4 2002/11/19 01:48:08 dgw_ Exp $
osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com
Copyright (c) 2002 osCommerce
Released under the GNU General Public License
*/
define('NAVBAR_TITLE', 'SQ lab zadelmeting tegen zadelpijn');
define('HEADING_TITLE', 'SQ lab zadelmeting tegen zadelpijn');
define('TEXT_INFORMATION', '
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Marc Ermens fietsen</title>
<style type="text/css">
#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}
#tablist li{
list-style: none;
display: inline;
margin: 0;
}
#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}
#tablist li a:link, #tablist li a:visited{
color: navy;
}
#tablist li a.current{
background: lightyellow;
}
#tabcontentcontainer{
width: 400px;
padding: 5px;
border: 1px solid black;
}
.tabcontent{
display:none;
}
</style>
</head>
<body>
<script type="text/javascript">
//[which tab (1=first tab), ID of tab content to display]:
var initialtab=[1, "sc1"]
function cascadedstyle(el, cssproperty, csspropertyNS){
if (el.currentStyle)
return el.currentStyle[cssproperty]
else if (window.getComputedStyle){
var elstyle=window.getComputedStyle(el, "")
return elstyle.getPropertyValue(csspropertyNS)
}
}
var previoustab=""
function expandcontent(cid, aobject){
if (document.getElementById){
highlighttab(aobject)
detectSourceindex(aobject)
if (previoustab!="")
document.getElementById(previoustab).style.display="none"
document.getElementById(cid).style.display="block"
previoustab=cid
if (aobject.blur)
aobject.blur()
return false
}
else
return true
}
function highlighttab(aobject){
if (typeof tabobjlinks=="undefined")
collecttablinks()
for (i=0; i<tabobjlinks.length; i++)
tabobjlinks[i].style.backgroundColor=initTabcolor
var themecolor=aobject.getAttribute("theme")? aobject.getAttribute("theme") : initTabpostcolor
aobject.style.backgroundColor=document.getElementById("tabcontentcontainer").style.backgroundColor=themecolor
}
function collecttablinks(){
var tabobj=document.getElementById("tablist")
tabobjlinks=tabobj.getElementsByTagName("A")
}
function detectSourceindex(aobject){
for (i=0; i<tabobjlinks.length; i++){
if (aobject==tabobjlinks[i]){
tabsourceindex=i //s
break
}
}
}
function do_onload(){
var cookiecheck=window.get_cookie && get_cookie(window.location.pathname).indexOf("|")!=-1
collecttablinks()
initTabcolor=cascadedstyle(tabobjlinks[1], "backgroundColor", "background-color")
initTabpostcolor=cascadedstyle(tabobjlinks[0], "backgroundColor", "background-color")
if (typeof enablepersistence!="undefined" && enablepersistence && cookiecheck){
var cookieparse=get_cookie(window.location.pathname).split("|")
var whichtab=cookieparse[0]
var tabcontentid=cookieparse[1]
expandcontent(tabcontentid, tabobjlinks[whichtab])
}
else
expandcontent(initialtab[1], tabobjlinks[initialtab[0]-1])
}
if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload
</script>
<ul id="tablist">
<li><a href="#" class="current" onClick="return expandcontent('sc1', this)"theme="#EAEAFF"><font size="2" face="Verdana">test</font></a></li>
<li><a href="#" onClick="return expandcontent('sc2', this)" theme="#EAEAFF"><font size="2" face="Verdana">Gebruikte
fietsen</font></a></li>
<li><a href="#" onClick="return expandcontent('sc3', this)" theme="#FFE6E6"><font size="2" face="Verdana">Huurfietsen</font></a></li>
<li><a href="#" onClick="return expandcontent('sc4', this)" theme="#DFFFDF"><font size="2" face="Verdana">Electrofietsen</font></a></li>
<li><a href="#" onClick="return expandcontent('sc5', this)" theme="#FFCC66"><font size="2" face="Verdana">Onderdelenshop</font></a></li>
</ul>
<DIV id="tabcontentcontainer">
<div id="sc1" class="tabcontent" style="width: 750; height: 22">
<font size="2" face="Verdana">Hier komt de info van <a href="http://www.marcermensfietsen.nl" target="blank">Marc Ermens fietsen</a>.<br />
</font>
</div>
<div id="sc2" class="tabcontent">
<font size="2" face="Verdana">Dit komt er bij <a href="http://www.fietsenwinkel.nu" target="blank">link
2</a> te staan</font>
</div>
<div id="sc3" class="tabcontent">
<font size="2" face="Verdana">Wat er bij <a href="http://mtrack.nl/?ref=leejoo" target="_blank">link
3</a> hoort komt hier</font>
</div>
<div id="sc4" class="tabcontent">
<font size="2" face="Verdana">Bij de <a href="http://www.onestat.com" target="_blank">link
4</a> komt dan dit te staan</font>
</div>
<div id="sc5" class="tabcontent">
<font size="2" face="Verdana">Als laatste <a href="http://mtrack.nl/?ref=leejoo" target="_blank">link
5</a> en zijn beschrijving</font>
</div>
</DIV>
</body>
</html>
');
?>