Removing customselect js library, + cleaning code see #1151

skala
Julio Montoya 14 years ago
parent e58b8211e0
commit b43f5e74c3
  1. 29
      main/css/base.css
  2. 68
      main/exercice/question_create.php
  3. 205
      main/inc/lib/javascript/jquery.customselect.js

@ -4249,7 +4249,32 @@ li.annoucement{
padding: 9px 0;
}
.nav-list img {
margin-right: 6px;
}
}
select#question_type_hidden option {
padding: 10px 0px 10px 40px;
background-repeat:no-repeat;
}
select#question_type_hidden option[value="1"] {background-image: url(../img/icons/32/mcua.gif);}
select#question_type_hidden option[value="2"] {background-image: url(../img/icons/32/mcma.gif);}
select#question_type_hidden option[value="3"] {background-image: url(../img/icons/32/fill_in_blanks.gif);}
select#question_type_hidden option[value="4"] {background-image: url(../img/icons/32/matching.gif);}
select#question_type_hidden option[value="5"] {background-image: url(../img/icons/32/open_answer.gif);}
select#question_type_hidden option[value="6"] {background-image: url(../img/icons/32/hotspot.gif);}
select#question_type_hidden option[value="7"] {background-image: url(../img/icons/32/mcma.gif);}
select#question_type_hidden option[value="8"] {background-image: url(../img/icons/32/mcma.gif);}
select#question_type_hidden option[value="9"] {background-image: url(../img/icons/32/mcmac.gif);}
select#question_type_hidden option[value="10"] {background-image: url(../img/icons/32/mcuao.gif);}
select#question_type_hidden option[value="11"] {background-image: url(../img/icons/32/mcmao.gif);}
select#question_type_hidden option[value="12"] {background-image: url(../img/icons/32/mcmaco.gif);}
select#question_type_hidden option[value="13"] {background-image: url(../img/icons/32/audio_question.png);}
select#question_type_hidden option[value="14"] {background-image: url(../img/icons/32/mcmagl.gif);}

@ -34,10 +34,12 @@ $form = new FormValidator('add_question','post',api_get_self().'?'.api_get_cidre
// form title
$form->addElement('header','',get_lang('AddQuestionToExercise'));
// the question types (jquery form element)
$form->addElement('hidden', 'question_type_hidden', get_lang('QuestionType'), array('id'=>'question_type_hidden'));
$form->addElement('static','','<script src="'.api_get_path(WEB_LIBRARY_PATH).'javascript/jquery.customselect.js" type="text/javascript"></script>');
$form->addElement('static','select_question_type', get_lang('QuestionType'),'<div id="questiontypes"></div>');
$question_list = Question::get_question_type_list();
$question_list_options = array();
foreach ($question_list as $key=> $value) {
$question_list_options[$key] = addslashes(get_lang($value[1]));
}
$form->addElement('select', 'question_type_hidden', get_lang('QuestionType'), $question_list_options, array('id' => 'question_type_hidden'));
//session id
$session_id = api_get_session_id();
@ -61,25 +63,20 @@ $form->addElement('checkbox', 'is_content', null, get_lang('DefaultContent'), ar
$form->addElement('style_submit_button', 'SubmitCreateQuestion', get_lang('CreateQuestion'), 'class="add"');
// setting the rules
// $form->addRule('question_type', '<div class="required">'.get_lang('ThisFieldIsRequired'), 'required');
$form->addRule('exercice', get_lang('ThisFieldIsRequired'), 'required');
$form->addRule('exercice', get_lang('YouHaveToSelectATest'), 'numeric');
$form->registerRule('validquestiontype', 'callback', 'check_question_type');
$form->addRule('question_type_hidden', get_lang('InvalidQuestionType'), 'validquestiontype');
if ($form->validate()) {
$values = $form->exportValues();
$question_list = Question::get_question_type_list();
foreach ($question_list as $question_type_id => $question_type_class_and_name) {
if (get_lang($question_type_class_and_name[1]) == $values['question_type_hidden']) {
$answer_type = $question_type_id;
}
}
$answer_type = $values['question_type_hidden'];
// check feedback_type from current exercise for type of question delineation
$exercise_id = intval($values['exercice']);
$sql = "SELECT feedback_type FROM $tbl_exercices WHERE c_id = $course_id AND id = '$exercise_id'";
$rs_feedback_type = Database::query($sql,__FILE__,__LINE__);
$rs_feedback_type = Database::query($sql);
$row_feedback_type = Database::fetch_row($rs_feedback_type);
$feedback_type = $row_feedback_type[0];
@ -88,8 +85,7 @@ if ($form->validate()) {
($feedback_type == 1 && ($answer_type != HOT_SPOT_DELINEATION && $answer_type != UNIQUE_ANSWER))) {
header('Location: question_create.php?'.api_get_cidreq().'&error=true');
exit;
}
}
header('Location: admin.php?exerciseId='.$values['exercice'].'&newQuestion=yes&isContent='.$values['is_content'].'&answerType='.$answer_type);
exit;
} else {
@ -106,49 +102,15 @@ if ($form->validate()) {
// footer
Display::display_footer();
}
?>
<script>
var ddlObj1=$("#questiontypes").finalselect({id:"test",viewWidth:'260px', viewHeight:'150px', selectText:'<?php echo Display::return_icon('div_show.gif',get_lang('Show'),array('style'=>'vertical-align:middle; cursor:hand'))."&nbsp;&nbsp;<a href=\"#\"> ".get_lang('SelectQuestionType'); echo "</a>"; ?>', viewMouseoverColor: '#EFEFEF'});
$("#test-select").bind('click',function(){
$("#question_type_hidden").val(ddlObj1.getText());
});
<?php
// defining the pictures of the question types
$pictures_question_types[1] = 'mcua.gif';
$pictures_question_types[2] = 'mcma.gif';
$pictures_question_types[3] = 'fill_in_blanks.gif';
$pictures_question_types[4] = 'matching.gif';
$pictures_question_types[5] = 'open_answer.gif';
$pictures_question_types[6] = 'hotspot.gif';
$pictures_question_types[8] = 'hotspot_delineation.gif';
$pictures_question_types[9] = 'mcmac.gif';
$pictures_question_types[10] = 'mcuao.gif';
$pictures_question_types[11] = 'mcmao.gif';
$pictures_question_types[12] = 'mcmaco.gif';
$pictures_question_types[13] = 'audio_question.png';
$pictures_question_types[14] = 'mcmagl.gif';
$question_list = Question::get_question_type_list();
foreach ($question_list as $key=>$value) {
if ($key != HOT_SPOT_DELINEATION ) { // DELINEATION hide
?>
ddlObj1.addItem('<table width="100%"><tr><td style="width: 37px;" valign="top"><?php Display::display_icon($pictures_question_types[$key],addslashes(get_lang($value[1])),array('height'=>'40px;', 'style' => 'vertical-align:top; cursor:hand;')); ?></td><td><span class="thistext" style="cursor:hand"><?php echo addslashes(get_lang($value[1])); ?></span><br/><sub><?php /*echo addslashes(get_lang($value[1].'Comment'));*/ ?></sub></td></tr></table>','');
<?php
}
}
?>
</script>
<?php
function check_question_type($parameter) {
$question_list = Question::get_question_type_list();
foreach ($question_list as $key=>$value) {
$valid_question_types[] = get_lang($value[1]);
//$valid_question_types[] = trim($value[1]);
}
foreach ($question_list as $key => $value) {
$valid_question_types[] = $key;
}
if (in_array($parameter, $valid_question_types)) {
return true;
} else {
return false;
}
}
}

@ -1,205 +0,0 @@

//select表示select本身,view表示跳出的<EFBFBD>?<EFBFBD>
;(function($){
$.fn.extend({
//計算文字Byte數,並回傳
getByteLength: function(strIN){
var i, cnt=0;
for (i=0; i<strIN.length; i++){
if (escape(strIN.charAt(i)).length >= 4) cnt+=2;
else cnt++;
}
return cnt;
}
});
$.fn.extend({
//檢查文字的Byte數,超<EFBFBD>?<EFBFBD>limit指定的個數的話,就回傳true 和 未超<EFBFBD>?<EFBFBD><EFBFBD>?的文字index
getIndexByByte: function(strIN,limit){
var i, cnt=0;
for (i=0; i<strIN.length; i++){
if (escape(strIN.charAt(i)).length >= 4) cnt+=2;
else cnt++;
if(cnt>limit)
{
return [true,i];
}
}
return false;
}
});
$.fn.extend({
finalselect: function(options) {
var settings =
{
id:null,
animalSpeed:100,
selectWidth:"190px",
selectImage:"image/select.png",
selectText:"My friend",
zIndex: 0,
viewHeight:"100px",
viewWidth:"300px",
viewMouseoverColor:"#cfdfff",//#dcdcdc
viewTop:"28px",//top,bottom
viewLeft:" -1px"//left,right
};
if (typeof(options)!='undefined')
{
//將整批options的值assign給settings
jQuery.extend(settings, options);
}
var tmp='<div id="'+settings.id+'-select" style="cursor:default;font-size:12px;z-index:'+settings.zIndex+';border: solid 0px #999; padding: 0px; width: 180px; position: relative;">'
tmp+='<div id="'+settings.id+'-Text" style="background: url('+settings.selectImage+') no-repeat 0 0; width: '+settings.selectWidth+'; height: 21px; color: Black; padding: 0 0 0 0;">';
tmp+='<div class="textshow" style="padding: 0px;">'+settings.selectText+'</div><div class="valueshow" style="display:none;"></div></div><div id="'+settings.id+'-selectshow" style="overflow-y:auto; overflow-x:hidden; height:'+settings.viewHeight+';width:'+settings.viewWidth+'; display:none; position: absolute; left:'+settings.viewLeft+'; top:'+settings.viewTop+'; border: solid 1px #999; background: white;"></div></div>';
var _handler = function() {
// 從這裡開始
$(this).html(tmp);
bindArrowClick();
bindSelectMouseover();
bindSelectMouseleave();
};
var bindArrowClick=function(){
var tmp=$('#'+settings.id+'-Text');
$("#"+settings.id+'-Text').bind("click", function(e){
var obj=$('#'+settings.id+'-selectshow');
if(obj.css('display')=='none')
{
// obj.slide();
obj.slideDown(settings.animalSpeed,function(){
obj.show();
obj.css('overflow','auto');
obj.css('overflow-x','hidden');
});
}
else
{
obj.slideUp(settings.animalSpeed,function(){
obj.hide();
});
}
});
};
var bindItemMouseover=function(){
var inx=0;
while($(".selectitem",$("#"+settings.id+"-selectshow")).get(inx)!=null)
{
var item=$(".selectitem",$("#"+settings.id+"-selectshow")).get(inx);
$(item).bind("mouseover", function(e){
$(this).css('background-color',settings.viewMouseoverColor);
});
$(item).bind("mouseout", function(e){
$(this).css('background-color','#fff');
});
$(item).bind("click", function(e){
var tmpstr=$(".thistext",$(this)).html();
var arr=$().getIndexByByte(tmpstr,30);
if(arr[0]==true)
tmpstr=tmpstr.substring(0,arr[1])+'...';
$(".textshow",$("#"+settings.id+"-Text")).html(tmpstr);
document.getElementById(settings.id+'-selectshow').style.display="none";
$(".valueshow",$("#"+settings.id+"-Text")).html($(".selectvalue",$(this)).html());
});
inx++;
}
}
var bindSelectMouseover=function(){
$('#'+settings.id+'-Text').bind("mouseover",function(){
if($.browser.msie==false)
$('#'+settings.id+'-Text').css("background-position","0 -21px");
});
}
var bindSelectMouseleave=function(){
$('#'+settings.id+'-Text').bind("mouseout",function(){
if($.browser.msie==false)
$('#'+settings.id+'-Text').css("background-position","0 0px");
});
}
this.setViewTop = function(top){
$('#'+settings.id+'-selectshow').css('top',top+'px');
}
this.setViewLeft = function(left){
$('#'+settings.id+'-selectshow').css('left',left+'px');
}
this.getLength = function(){
return $('.selectitem',$('#'+settings.id+'-selectshow')).length;
}
//add item到select裡<EFBFBD>?<EFBFBD>
//在傳itemtext時,用<span class="thistext"></span>包起<EFBFBD>?顯示的 "文字"
//例如:<span class="thistext">哇哈哈</span>,這樣select<EFBFBD>?<EFBFBD>擇後,就會顯示 "哇哈哈"
this.addItem = function(itemtext,itemvalue){
var itemhtml='<div class="selectitem"><div class="selecttext">'+itemtext
+'</div><div class="selectvalue" style=" display:none;">'+itemvalue+'</div></div><div class="selectborder"><div>';
$("#"+settings.id+'-selectshow').html($("#"+settings.id+'-selectshow').html()+itemhtml);
bindItemMouseover();
};
this.removeItem = function(index){
if($('.selectitem',$('#'+settings.id+'-selectshow')).length>index)
$($('.selectitem',$('#'+settings.id+'-selectshow')).get(index)).remove();
if($('.selectborder',$('#'+settings.id+'-selectshow')).length>index)
$($('.selectborder',$('#'+settings.id+'-selectshow')).get(index)).remove();
}
this.getValue = function(){
return $('.valueshow',$('#'+settings.id+'-Text')).html();
}
this.getText = function(){
return $('.textshow',$('#'+settings.id+'-Text')).html();
}
return this.each(_handler);
}
});
})(jQuery);
Loading…
Cancel
Save