Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Easy FAQ page ! Rate Topic   - - - - -

 
  • user2008
  • Member
  • Members
  • Join Date: 17-Jan 08
  • 91 posts

Posted 27 January 2008 - 12:06 AM #1

This is nice FAQ page

Just make a new page which named "faq" using Manage Pages section
Copy/paste this code as full description

( Şiir gibi oldu )

<style>
.question {
	font-weight:bold;
	cursor: pointer;

	}
.answer {
	display:none;
}

</style>



<body>

<blockquote>
  <blockquote>
    <font face="Arial"><span style="font-size: 12px">

<script>
<!--
function stopErrors() {
 return true;
}
window.onerror = stopErrors;
//-->
</script>


<script langauge="JavaScript">
<!--  
defaultStatus = ""  






var ids=new Array();

function QAinit(){
if(document.getElementById){
var tids=document.getElementsByTagName('div');
for(i=0;i<tids.length;i++)if(tids[i].className=="question")ids[ids.length]=tids[i];
for(i=0;i<ids.length;i++)ids[i].onmouseup=setstate;
}}

function setstate(){
for(i=0;i<ids.length;i++){
if(ids[i]==this){
var d=this.parentNode.getElementsByTagName('div')[1];
if(d.style.display=="block")d.style.display="none";
else d.style.display="block";
}}}

function expandall(){
if(document.getElementById){
for(i=0;i<ids.length;i++)ids[i].parentNode.getElementsByTagName('div')[1].style.display="block";
}}

function collapseall(){
if(document.getElementById){
for(i=0;i<ids.length;i++)ids[i].parentNode.getElementsByTagName('div')[1].style.display="none";
}}

window.onload=QAinit;


//--></script>






    </span></font>
    <p style="text-align: right"><font face="Arial">
    <span style="font-size: 12px"><br> </span></font></p>
    <div  align="left">
      <div class="question"><font face="Arial"><b><span style="font-size: 12px">1) 
        </span></b><span style="font-size: 12px">What is 
  DHTML? </span></font>
      </div>
      <div class="answer"><font face="Arial"><span style="font-size: 12px"><br>DHTML, or Dynamic HTML, is a new web technology that enables elements inside 
  your web page to be, well, dynamic. Things once considered unchangeable once 
  the page has loaded, such as text, page styles (font color, size etc), element 
  position, etc, can now all be changed dynamically, thanks to DHTML. It brings 
  your web pages one step closer to how things look inside your television, 
  where images appear and disappear, text flies in and out, and content move 
  around freely inside the screen. <br><br></span></font>
      </div>
    </div>
    <div >
      <div class="question"><font face="Arial"><b><span style="font-size: 12px">2) 
        </span></b><span style="font-size: 12px">What is DHTML script?</span></font></div>
      <div class="answer"><font face="Arial"><span style="font-size: 12px"><br>DHTML scripts are scripts that take advantage of the DHTML technology to bring 
  true interactivity to your site. They can be written in a number of languages, 
  although the most popular are JavaScript and VBscript. All scripts here at 
  Uncle Jims are written in JavaScript1.2+<br><br></span></font>
      </div>
    </div>
    <div >
      <div class="question"><font face="Arial"><b><span style="font-size: 12px">3) 
        </span></b><span style="font-size: 12px">How does DHTML script 
  differ from JavaScript?</span></font></div>
      <div class="answer"><font face="Arial"><span style="font-size: 12px"><br>Think of DHTML script as an advanced form of JavaScript. While both are 
  written using the JavaScript language, DHTML scripts utilize and access the 
  DHTML features of your 4+ generation browser, while JavaScript does not.<br>
        <br></span></font>
      </div>
    </div>
    <div >
      <div class="question"><font face="Arial"><b><span style="font-size: 12px">4) 
        </span></b><span style="font-size: 12px">How does your site 
  differ from other JavaScript code libraries?</span></font></div>
      <div class="answer"><font face="Arial"><span style="font-size: 12px"><br>Most sites primarily deal with one type of scripting, be it Javascript, CSS, 
  PHP, HTML, etc.<br><br>Uncle Jim's Web Designs understands that websites are developed using not one, 
  but a majority of these. Our mission is to supply you with ALL of the 
  information you need to develop and enhance your website, using the latest 
  scripting technologies available. This site doesn't just offer DHTML examples 
  and tutorials, but teaches you how to construct proper Cascading Style sheets, 
  consistent HTML pages and Javascript, all of which lead you to a better 
  understanding of DHTML.<br><br></span></font>
      </div>
    </div>
    <div >
      <div class="question"><font face="Arial"><b><span style="font-size: 12px">5) 
        </span></b><span style="font-size: 12px">Which browsers support 
  DHTML, and how will non-supporting browsers handle DHTML?</span></font></div>
      <div class="answer"><font face="Arial"><span style="font-size: 12px"><br>Netscape 4+ and Internet Explorer 4+ both support DHTML, although to different 
  extents. IE 4 is more complete in it's support of DHTML, so you will find many 
  more scripts here for IE 4+. Regardless of which browser the scripts are 
  written for, all of them are designed to be as compatible as possible to all 
  browsers, including FireFox 1+ and Opera. Having said that, you should always 
  test a script on multiple browsers to ensure that it degrades well with all of 
  them. <br><br></span></font>
      </div>
    </div>
    <div >
      <div class="question"><font face="Arial"><b><span style="font-size: 12px">6) 
        </span></b><span style="font-size: 12px">Which browsers support 
  DHTML, and how will non-supporting browsers handle DHTML?</span></font></div>
      <div class="answer"><font face="Arial"><span style="font-size: 12px"><br>Netscape 4+ and Internet Explorer 4+ both support DHTML, although to different 
  extents. IE 4 is more complete in it's support of DHTML, so you will find many 
  more scripts here for IE 4+. Regardless of which browser the scripts are 
  written for, all of them are designed to be as compatible as possible to all 
  browsers, including FireFox 1+ and Opera. Having said that, you should always 
  test a script on multiple browsers to ensure that it degrades well with all of 
  them. <br><br></span></font>
      </div>
    </div>
  </blockquote>
</blockquote>



For adding new question/answer easy! copy latest Q / A with your favorite html editor and increase number and edit Question and answer .


<div class="question">....">[B][SIZE="7"]6[/SIZE][/B]) 
....
.....      </div>


Offline demo page attached

Attached Files



 
  • miracles
  • Senior Member
  • Members
  • Join Date: 19-Sep 07
  • 1533 posts

Posted 27 January 2008 - 08:01 AM #2

Excellent Work. Keep it up :D
CS-CART 3.0.6 GRENADE

Please vote for CDN Add-on

For SEO Article Submission, Forum Profile Links, Web 2.0 links, contact me through PM.

 
  • S-Combs
  • Senior Member
  • Members
  • Join Date: 09-Nov 06
  • 692 posts

Posted 27 January 2008 - 04:49 PM #3

Thanks bud, I like this much better than a databased type which would add even more queries to the overhead. It's a little more work to manage this but worth it.
Secure Cart Hosting
[CS-Cart Optimized Solutions and Server Management]

 
  • snorocket
  • Forum Janitor
  • Members
  • Join Date: 15-Mar 06
  • 2519 posts

Posted 27 January 2008 - 06:10 PM #4

Excellent Work. Keep it up :D

there you go, you got what you want, a free mod with no screenshots...
SNOROCKET.COM, Now Accepting PRE-ORDERS:
Customer Service (Helpdesk) Addon for CS-Cart v4.3.1
Quote and Invoicing Addon for CS-Cart v4.3.1

 
  • user2008
  • Member
  • Members
  • Join Date: 17-Jan 08
  • 91 posts

Posted 27 January 2008 - 08:12 PM #5

Real demo available for original code.
http://www.jdstiles..../dhtmlfaqs.html

I'm not full coder. I can only modifiy and delete something for my site.

 
  • miracles
  • Senior Member
  • Members
  • Join Date: 19-Sep 07
  • 1533 posts

Posted 28 January 2008 - 06:29 AM #6

there you go, you got what you want, a free mod with no screenshots...



HEHE, now i need a mod which the price shown in Rupees that was indian currency. :mrgreen:
CS-CART 3.0.6 GRENADE

Please vote for CDN Add-on

For SEO Article Submission, Forum Profile Links, Web 2.0 links, contact me through PM.

 
  • snorocket
  • Forum Janitor
  • Members
  • Join Date: 15-Mar 06
  • 2519 posts

Posted 29 January 2008 - 04:45 PM #7

can you not make a Rupees currency?
http://demo.cs-cart....rget=currencies
SNOROCKET.COM, Now Accepting PRE-ORDERS:
Customer Service (Helpdesk) Addon for CS-Cart v4.3.1
Quote and Invoicing Addon for CS-Cart v4.3.1

 

Posted 21 February 2008 - 03:49 AM #8

Small note,

While cs-cart websites run prety well without the Internet Exploiter popuos the FAQ javascript gives a notification. Defeats the purpose somewhat as it renders fully. so clicking on the faq just takes more work for the visitor.

Regardless great contribution, just thought this might effect a few people.
I've moved on from CS-Cart to WooC******** - If you need anything I can be of little help.

 
  • user2008
  • Member
  • Members
  • Join Date: 17-Jan 08
  • 91 posts

Posted 21 February 2008 - 11:05 AM #9

Notification is for local page only. if your JS based pages on the web, NO notification


I wonder where is it > FAQ Manager 1.0 Addon ? release date 2/20/08., today 21

I think more code = more problem.

 
  • snorocket
  • Forum Janitor
  • Members
  • Join Date: 15-Mar 06
  • 2519 posts

Posted 21 February 2008 - 01:23 PM #10

if you want it I can send it to you, however I didn't have time to put in all the features I would like yet, did you make a donation?
SNOROCKET.COM, Now Accepting PRE-ORDERS:
Customer Service (Helpdesk) Addon for CS-Cart v4.3.1
Quote and Invoicing Addon for CS-Cart v4.3.1

 
  • user2008
  • Member
  • Members
  • Join Date: 17-Jan 08
  • 91 posts

Posted 21 February 2008 - 08:18 PM #11

yes I did very small donation but if FAQ Manager is not ready or you dont have enough time, no problem. I don't expect , exact thing or code.

I'm glad to know, expert persons here, if I need help they(you and others) can help.me.

 
  • ernestor
  • Member
  • Members
  • Join Date: 27-Jun 06
  • 56 posts

Posted 06 March 2011 - 11:49 PM #12

thanks!
very useful!!
The only thing is that when I try to edit the colors, font size, etc using my html editor the hide/show effect no longer works.
All the questions and answers are shown in the page .

any ideas?

thanks!

 
  • user2008
  • Member
  • Members
  • Join Date: 17-Jan 08
  • 91 posts

Posted 07 March 2011 - 09:18 PM #13

While editing, some scripts accidentally disabled or deleted?

Step by step, edit my attached original demo. Then you can find which step caused this problem.