Inserting tabbed navigation code makes my web page not display in design view..


hi everyone..

 

i on dreamweaver 8 mac, , working on couple of web pages..these pages included divs , tables. when tried inserting tabbed navigation found at:

 

http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

 

in nutshell, asked me step 1 to:

 

step 1: insert the        below css , script head section of page:

<link rel="stylesheet" type="text/css" href="tabcontent.css" />

 

<script type="text/javascript" src="tabcontent.js">

 

/***********************************************
* tab content script v2.2- © dynamic drive dhtml code library (www.dynamicdrive.com)
* notice must stay intact legal use
* visit dynamic drive @ http://www.dynamicdrive.com/ full source code
***********************************************/

 

</script>

 

the next step this:

step 2: finally, add below      html wish tab content appear on page:

 

<h3>demo #1- basic implementation</h3>

 

<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="country1" class="selected">tab 1</a></li>
<li><a href="#" rel="country2">tab 2</a></li>
<li><a href="#" rel="country3">tab 3</a></li>
<li><a href="#" rel="country4">tab 4</a></li>
<li><a href="http://www.dynamicdrive.com">dynamic drive</a></li>
</ul>

 

<div style="border:1px solid gray; width:450px; margin-bottom: 1em; padding: 10px">

 

<div id="country1" class="tabcontent">
tab content 1 here<br />tab content 1 here<br />
</div>

 

<div id="country2" class="tabcontent">
tab content 2 here<br />tab content 2 here<br />
</div>

 

<div id="country3" class="tabcontent">
tab content 3 here<br />tab content 3 here<br />
</div>

 

<div id="country4" class="tabcontent">
tab content 4 here<br />tab content 4 here<br />
</div>

 

</div>

 

<script type="text/javascript">

 

var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedclasstarget("link") //"link" or "linkparent"
countries.init()

 

</script>

 

<p><a href="javascript:countries.cycleit('prev')" style="margin-right: 25px; text-decoration:none">back</a> <a href="javascript: countries.expandit(3)">click here select last tab</a> <a href="javascript:countries.cycleit('next')" style="margin-left: 25px; text-decoration:none">forward</a></p>

 

<hr />

 

well, did steps required, when put inside div had inside table, of sudden couldnt see in design view, 2 tables arent same size..when take out code, regular page..can see tabbed navigation in design view? unfortunately, dont have spry widgets since on dreamweaver 8..if preview in both safari , firefox (on mac firefox/3.0.8) (safari 3.2.1) can see fine, including tabbed navigation..but designing in code isnt helpful because want see looks in design view, in case change things-its easier me work on..so assume there in code making design view show nothing..

 

update:i tried taking out code again, time, couldnt see again, without code..

i know can go validation website, , got lot of errors-but pages have in same style have same errors too—and display fine..its when insert specific piece of code goes haywire..is possible view tabbed navigations (like 1 in above link) inside of dreamweaver design view?

 

any appreciated..

dw8 doesn't render dynamic content, i'd it's no go. you'll have live limitation or upgrade cs4...

 

mylenium



More discussions in Dynamic HTML General Discussion (read only)


adobe

Comments

Popular posts from this blog

Flip address is out of range arduino uno r3

Arduino Uno not uploading

Indesign and MathType fonts