⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 index.html

📁 调查问卷系统源码。想下的就下吧。不要条件
💻 HTML
📖 第 1 页 / 共 5 页
字号:

<a name="survey-editor-results-graph-style"></a><li><b>Stats Graph Style</b><br>
This field controls the appearance of the bar graph within your survey results. You can control the color of it using the background-color CSS property, and even the thickness of the bar using the height directive. You may also wish to look into using background-image to create 3-d styled bars. To control the background color that appears behind the bar, you should look into the Results Stats Style. The default for this field is:<br><br>

background-color: #333366; height: 8px;<br><br>

You may, in fact, include any style definition here, and it will appear in the &lt;TD&gt; that creates the result bar. The bar is nothing but a transparent gif that can be styled howvever you wish.<br><br>

<a name="survey-editor-submit-button-style"></a><li><b>Submit Button Style</b><br>
<a name="survey-editor-results-button-style"></a><li><b>Results Button Style</b><br>
<a name="survey-editor-next-button-style"></a><li><b>Next Button Style</b><br>
With the addition of button styles in phpQ 2.1, you can now customize every aspect of the survey. No longer are you restricted to using the default button styles for "Submit", "Next" and "View Results".  With the introduction of the <b>Submit Button Style</b>, <b>Results Button Style</b> and <b>Next Button Style</b> you can now control all buttons that users may view.  The following fields will help you to customize these buttons:<br><br><ul>
<li><b>Text</b> - When used with an <b>Image</b>, this text will become the ALT tag for your button.  Otherwise, the text that you type in here (such as 'Submit' or 'Next') will become the label for your button.<br><br>

<li><b>Width</b> and <b>Height</b> - When used with an <b>Image</b>, these fields will control the width and height of your image, as attributes in the tag.  If you are not using an image, we will apply correct CSS definitions to your text button to make it this size. These fields are defined in pixels.<br><br>
<li><b>Image</b> - If you are not a fan of boring looking submit buttons, you can now use any image on your web site as the next, submit or results button! Simply enter the URL to your image in this box and it will be used as the button.
</ul><br>

Please note that the <b>Next Button Style</b> will only appear if you have a multi-page survey and the <b>Results Button Style</b> will only appear if you have the <b>Survey Results</b> field set to 'Make survey results public (include button on survey)'.  Furthermore, if you do have public results and a multi-page survey, the <b>Next Button Style</b> will also be used on the page-by-page view of your public results.<br><br>

<b>Advanced CSS Trick</b><br>
Some of you may be wondering why we left out CSS customization of the button when it is readily available for all other areas of phpQ. We felt that the Text/Size/Image fields were more useful on a day to day basis for most users' needs.  However, we have a little trick for those of you who want to customize your button CSS.<br><br>

When you leave the <b>Image</b> portion of your Button Style blank, the <b>Text</b> field will be included in the VALUE="" portion of your &lt;input&gt; tag.  Normally, if you put 'Submit' as the <b>Text</b>, this would result in:<br><br>

&lt;INPUT TYPE=submit VALUE="Submit"&gt;<br><br>
If you were instead, however to enter into the <b>Text</b> field something like 'Submit" STYLE="color: red;' you would achieve the following:<br><br>
&lt;INPUT TYPE=submit VALUE="Submit" STYLE="color: red;"&gt;<br><br>

It is important to note that you need to include a double quote after the text you wish to have appear on your button and then leave off the last double quote from the end of your STYLE definition.  Once you have the basic format down, it is easy to add any styles you want!  If you have any further questions on this, simply contact chumpsoft support and we will be happy to help.<br><br>

</ul>

<a name="survey-preview"></a><span class=toctitle>3.2) Previewing a Survey</span><br><br>
phpQuestionnaire offers the ability to preview any survey that you have created.  It will appear exactly as a user would see the survey.  Any answers you supply will be checked for validity (such as whether the field is required, how many answers should have been supplied, and so on).<br><br>

You can preview a survey at any time, whether or not it is active.  This allows you to create and test a survey extensively before making it available to users.  The survey preview from several areas of the phpQuestionnaire administration panel.<br><br>
The most common way to access the survey preview is from the Survey Overview page. This is the page that is first shown when you log into the administration area of phpQuestionnaire (shown in <a href="#fig2-01" class=pagelink>Figure 2-01</a>).  Each survey is listed along with a purple image that says "PREVIEW".  Simply click on that link to take a look at how a user would see this survey.<br><br>
You can also preview a survey by clicking on the "Preview" button in the Survey Editor (shown in <a href="#fig3-02" class=pagelink>Figure 3-02</a>) after selecting a survey from the list. The preview is also available from the Question Editor (shown in <a href="#fig4-01" class=pagelink>Figure 4-01</a>).<br><br>

<a name="survey-activate"></a><span class=toctitle>3.3) Survey Activation/Deactivation</span><br><br>
phpQuestionnaire allows you to manually activate and deactivate surveys within the administration panel.  Any active survey that is within its defined <a href="#survey-editor-starting-date" class=pagelink>starting and ending dates</a> can be completed by users.  If you wish to stop a user from taking the survey, or if the survey is currently in development, you should set the status to "Not Active" in order to prevent users from completing it.  The survey may still be previewed from the administration panel at any time.<br><br>

To activate or deactivate a survey, enter the <a href="#survey-editor" class=pagelink>Survey Editor</a> and select a survey.  Once a survey has been selected (as in <a href="#fig3-02" class=pagelink>Figure 3-02</a>) a button will appear allowing you to either activate or deactivate the survey, depending on the current state.<br><br>

<a name="survey-remove"></a><span class=toctitle>3.4) Deleting a Survey</span><br><br>
Once a survey has been completed and you no longer desire any of the results, you may wish to delete the survey and all connected data (questions, results, etc.) from the system. To remove a survey from the system, enter the <a href="#survey-editor" class=pagelink>Survey Editor</a> and select a survey.  Once a survey has been selected (as in <a href="#fig3-02" class=pagelink>Figure 3-02</a>) click the <b>Delete</b> button to remove the survey.  A prompt will appear asking you to verify the deletion.  <b style="color: red">This process cannot be un-done.</b><br><br>

Please keep in mind that you do not have to delete a survey in order to stop users from completing it.  You may simply <a href="#survey-activate" class=pagelink>deactivate the survey</a>, allowing you to continue to have access to the results and statistics.<br><br>

<a name="survey-export"></a><span class=toctitle>3.5) Exporting a Survey</span><br><br>
Starting with version 1.2, phpQuestionnaire offers you the ability to export a survey along with the questions and answers you have defined.  You can then share this file with a friend, a colleague or even the entire phpQ user community by sending it to support@chumpsoft.com.  Simply select a survey on the <a href="#survey-editor" class=pagelink>Survey Editor</a> page and you will see an 'Export' button. Click on this button and your browser will prompt you to save a file ending in .phpQ. The filename generally begins with the word surveyswap and includes the survey id number. You or someone else can now <a href="#survey-import" class=pagelink>import this survey</a> using the form at the bottom of the Survey Editor.<br><br>
We have implemented this feature because we know it can take a lot of time and effort to develop a good survey, and some users may enjoy sharing their surveys with others. We welcome any contributions you may offer!<br><br>
Please note that survey exports do not contain any survey results or user data. If you wish to share or backup that information, you should read more about <a href="#config-backup" class=pagelink>backing up the database</a> for phpQ.<br><br>

<a name="survey-import"></a><span class=toctitle>3.6) Importing a Survey</span><br><br>
Starting with version 1.2 of phpQuestionnaire, the following has been added to the <a href="#survey-editor" class=pagelink>Survey Editor</a>:<br><br>
<a name="fig3.6-01"></a><center><table border=0 cellpadding=2 cellspacing=0 width=580><tr><td class=figureTable align=center><img src="images/3.6-01.gif" width=556 height=67 alt="Figure 3.6-01"></td></tr><tr><td align=right>Figure 3.6-01 - Import a Survey</td></tr></table></center><br>

This form offers you two options for importing a survey:<br><ul>
<li><b>Upload Data File</b><br>
This field offers you the ability to import a survey from a file you have on your hard drive. Simply click the "Browse..." button and locate an exported phpQ survey file.  Once you have chosen this file, click on the "Import Survey" button and the new survey will appear in your phpQuestionnaire interface, assuming there are no errors with the file.<br><br>
<li><b>Fetch From URL</b><br>
This field gives you the power to import a survey from any URL.  You must enter a full URL (starting with http://) to the location of a valid exported phpQ survey file.  phpQ will then attempt to fetch and import this survey.  This is very useful for importing surveys that may be offered at chumpsoft. If also comes in handy if your export file is too large to place in the upload field or file uploads are not working on your machine.
</ul><br>

The following briefly explains the behavior of the import feature in phpQ:<br><ul>
<li>When imported, all surveys will be "Not Active" and show a current-day creation date.<br><br>
<li>The imported survey will attempt to locate the template it was exported with.  Failing that it will use the first template it finds in the following order: the configured default template on your phpQ installation, the 'default' template distributed with phpQ or the first template it can find in the templates directory.<br><br>
<li>Nothing in your phpQ installation will be overwritten or deleted by an imported survey. You can import the same survey multiple times and it will simply create multiple instances of that survey, along with all of the associated questions and answers.<br><br>
<li>Imported surveys do not retain the original survey or question ids they were exported under.
</ul><br>

If you are looking to import survey results, maintain survey ids or restore your entire database, you will want to read about <a href="#config-restore" class=pagelink>restoring the database</a>.<br><br>

<a name="question-editor"></a><span class=toctitle>4) Question Editor</span><br><br>
After creating a survey with the <a href="#survey-editor" class=pagelink>Survey Editor</a> and selecting it as shown in <a href="#fig3-02" class=pagelink>Figure 3-02</a> you will see a button that says 'Edit Questions'.  By clicking on this button, you will be taken to the question editor for this survey.  At the top of the page will be the name of the survey and a list of questions for this survey.  An example list of questions is shown below in Figure 4-01:<br><br>
<a name="fig4-01"></a><center><table border=0 cellpadding=2 cellspacing=0 width=580><tr><td class=figureTable align=center><img src="images/4-01.gif" width=562 height=191 alt="Figure 4-01"></td></tr><tr><td align=right>Figure 4-01 - Question Editor: List of Questions</td></tr></table></center><br>
Using the above interface, you can <a href="#question-add" class=pagelink>Edit</a>, <a href="#question-delete" class=pagelink>Delete</a>, <a href="#question-order" class=pagelink>Re-Order</a> or <a href="#question-preview" class=pagelink>Preview</a> the questions contained in this survey.  There is also the ability to <a href="#question-pagebreaks" class=pagelink>create and remove page breaks</a> from within the question order.<br><br>

<a name="question-add"></a><span class=toctitle>4.1) Adding or Modifying a Question</span><br><br>
Below the <a href="#question-editor" class-pagelink>question list</a>, you will find a form that can be used to add a new question or modify an existing question for the selected survey.  To edit a question, and have the existing values pre-populated into the form, you should select the question from the <a href="#question-editor" class=pagelink>question list</a> and click the Edit button.  If there are already values in the form and you wish to start over and add a new question, simply click the "Clear Form" button at the bottom of the form to add or modify a question.<br><br>
The form to add or modify a question will differ depending on what <a href="#question-type" class=pagelink>question type</a> you have selected.  Therefore, the screenshots below depict a typical form for adding or modifying a question with a type of radio button.  There is also an advanced and basic display of the question editor which will either show or remove some of the optional fields for that question type. Although not all fields are shown in the screenshot below, all of them are documented both below this screenshot and within the program by clicking on the question mark icons.<br><br>
<a name="fig4.1-01"></a><center><table border=0 cellpadding=2 cellspacing=0 width=580><tr><td class=figureTable align=center><img src="images/4.1-01.gif" width=570 height=505 alt="Figure 4.1-01"></td></tr><tr><td align=right>Figure 4.1-01 - Question Editor: Radio Button Advanced</td></tr></table></center><br>
If a question has been selected within the <a href="#question-editor" class=pagelink>question list</a>, the setup for that question will be placed into the "Add/Modify a Question" form and made available for modification. Once you have modified the setup, you can either click the "Add" or "Modify" button. Clicking "Add" will create a new question with the values you have entered, while clicking Modify will simply update the existing question with the new configuration. The setup in both basic and advanced mode is explained in detail below.<br><br>
<ul>
<a name="question-editor-question"></a><li><b>Question</b><br>
The value of this field is what the user will be asked when completing this question in the survey.  You are free to type either text or HTML into this field and it will be displayed on the survey exactly as you have entered it.<br><br>

If you wish to provide extended instructions for a specific question or group of questions, you may wish to look into the <a href="#question-editor-instructiontext" class=pagelink>Instruction Text</a> field which appears in the advanced "Add/Modify a Question" form.<br><br>

<a href="question-editor-contentname"></a><li><b>Content Name</b><br>
This appears only for the "HTML Content" question type and is used simply as an identifier for the question within your phpQ admin panel.  It will not be displayed within your survey.<br><br>

<a name="question-editor-type"></a><li><b>Type</b><br>
The type of the question is one of the more important fields to select. Every type has its own distinguishing characteristics and will govern how your answer choices appear to the person taking the survey.<br><br>
<ul>
<li> <b>Radio Buttons</b> - A radio type question allows the user to select only one of a pre-defined list of answers for the question.  All answers will be displayed for the user to read.  You may associate a textfield with any of the choices you create, allowing the users to enter a custom or 'Other' answer in their own words.<br><br>

<li> <b>Check Boxes</b> - A checkbox type, like the radio type, displays all of the answers for the user to read.  However, should you choose the checkbox type, the user is allowed to select multiple responses.  Once this type is selected, another option (<a HREF="#question-editor-numanswers" class=pagelink>Number of Answers</a>) appears that you can configure.  This allows you to optionally force the user to fill in a fixed number of answer boxes, at least X number of boxes, at most X number of boxes. You may associate a textfield with any of the choices you create, allowing the users to enter a custom or 'Other' answer in their own words.<br><br>

<li> <b>Text Field</b> - A text input field is provided that allows the user to enter an answer 

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -