951 lines
54 KiB
JavaScript
951 lines
54 KiB
JavaScript
//************funkcija, ki skrbi za inicializacijo draggable elementov pri gridih
|
|
function GridDraggableBox(tip, spremenljivka, vre_id, ajax, anketa, site_url, usr_id, other, mobile){
|
|
//*****za mobilne naprave
|
|
var top_cat = -1;
|
|
var left_cat = -1;
|
|
if (mobile == 0 || mobile == 2){
|
|
top_cat = -6;
|
|
top_cat_right = 30;
|
|
left_cat = -6;
|
|
}
|
|
//*********************
|
|
|
|
//$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).detach().css({top: -6,left: -6}).appendTo('#half_frame_dropping_'+spremenljivka) //zeleni element s kategorijami dodaj v zacetnem kontejnerju
|
|
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).detach().css({top: top_cat,left: left_cat}).appendTo('#half_frame_dropping_'+spremenljivka) //zeleni element s kategorijami dodaj v zacetnem kontejnerju
|
|
.draggable({ //ureditev, da je element draggable
|
|
cursor: 'move',
|
|
//revert: true,
|
|
helper: 'original',
|
|
zIndex: 100,
|
|
revert: function(socketObj)
|
|
{
|
|
checkBranching();
|
|
var revert = false;
|
|
var cat_default_height = 37;
|
|
var cat_margin_left = 10 + 5*2 + 1*2;
|
|
//var indeks_revert_1 = last_indeks[spremenljivka];
|
|
var last_vre_id_revert = last_vre_id[spremenljivka];
|
|
var trenutna_vre_id_revert = vre_id_global[spremenljivka];
|
|
//console.log("trenutna_vre_id_revert: "+trenutna_vre_id_revert);
|
|
//var indeks_revert = indeks_global[spremenljivka];
|
|
var indeks_revert = last_drop[trenutna_vre_id_revert];
|
|
vre_id = trenutna_vre_id_revert;
|
|
//grd_id = last_indeks[spremenljivka];
|
|
grd_id = indeks_revert;
|
|
var prejsnji_okvir = $('#half2_frame_dropping_'+last_indeks[spremenljivka]+'_'+spremenljivka);
|
|
var trenutni_okvir = $('#half2_frame_dropping_'+last_drop[trenutna_vre_id_revert]+'_'+spremenljivka);
|
|
var draggable = draggable_global[trenutna_vre_id_revert];
|
|
|
|
//if false then no socket object drop occurred.
|
|
if(socketObj === false){
|
|
//revert the peg by returning true
|
|
//console.log("Reverting!")
|
|
revert = true;
|
|
|
|
if(tip == 6){
|
|
//ce odgovora ni v levem okvirju (ima indeks = 0),
|
|
//ce se odgovor reverta nazaj v desni okvir
|
|
if(indeks_revert != 0){
|
|
//oznacimo, da je trenutna kategorija odgovora v desnem okvirju
|
|
draggableOnDroppable[last_vre_id_revert][indeks_revert] = true;
|
|
//draggableOverDroppable[vre_id] = false;
|
|
draggableOverDroppable[vre_id][indeks_revert] = true;
|
|
//console.log('draggableOverDroppable['+vre_id+']['+indeks_revert+']: '+draggableOverDroppable[vre_id][indeks_revert]);
|
|
//postimajo visino
|
|
frame_and_question_height(trenutni_okvir, spremenljivka, num_grids_global[spremenljivka], cat_margin_left, cat_default_height, draggable);
|
|
//console.log("Frame and question height iz reverta");
|
|
}
|
|
var prejsnji_okvir_kat_prisotna = [];
|
|
var stevilo_prisotnih = prejsnji_okvir.children('div').length;
|
|
//console.log(stevilo_prisotnih);
|
|
//var prejsnji_okvir_kat_prisotna = prejsnji_okvir.children('div').attr('value'); //belezi, ce je kaj prisotnega v prejsnjem okvirju
|
|
|
|
for(var z = 1; z <= stevilo_prisotnih; z++){
|
|
prejsnji_okvir_kat_prisotna[z] = prejsnji_okvir.children('div :nth-child('+z+')').attr('value'); //belezi, ce je kaj prisotnega v prejsnjem okvirju, kateri odgovori so prisotni
|
|
//console.log("prejsnji_okvir_kat_prisotna["+z+"]: "+prejsnji_okvir_kat_prisotna[z]);
|
|
//}
|
|
//console.log("Tukaj!");
|
|
//ce zadnje obiskani okvir je bil eden od desnih in smo startali iz levega
|
|
if(last_indeks[spremenljivka] != 0 && indeks_revert == 0){
|
|
//spremeni velikost zadnje obiskanega desnega okvirja
|
|
//console.log("Tukaj!");
|
|
if(prejsnji_okvir_kat_prisotna[z] === undefined){
|
|
last_frame_height(prejsnji_okvir, spremenljivka, num_grids_global[spremenljivka], cat_margin_left, draggable_global[trenutna_vre_id_revert]);
|
|
}
|
|
last_indeks[spremenljivka] = 0;
|
|
}
|
|
//ce prejsnji okvir ni trenutni in ne revert-amo nazaj v levi okvir
|
|
if ( (last_indeks[spremenljivka] != last_drop[trenutna_vre_id_revert]) && (indeks_revert != 0) ){
|
|
//uredi velikost okvirja
|
|
frame_height(spremenljivka, vre_id, grd_id, revert);
|
|
|
|
//ce ni kategorije z odgovorom v okvirju
|
|
if(prejsnji_okvir_kat_prisotna[z] === undefined){
|
|
//uredi velikost zadnje obiskanega okvirja
|
|
last_frame_height(prejsnji_okvir, spremenljivka, num_grids_global[spremenljivka], cat_margin_left, draggable_global[trenutna_vre_id_revert]);
|
|
}
|
|
|
|
//uredi velikost celotnega vprasanja
|
|
//console.log("Uredi velikost celotnega vprašanja");
|
|
//*******************dinamicna visina celotnega vprasanja glede na vsebino prenesenih desnih okvirjev
|
|
//var default_var_height = $('#spremenljivka_'+spremenljivka).height();
|
|
var default_var_height = 1;
|
|
dynamic_question_height(spremenljivka, num_grids_global[spremenljivka], default_var_height);
|
|
//************************************ konec - dinamicna visina celotnega vprasanja glede na visino prenesenih desnih okvirjev
|
|
|
|
}
|
|
}
|
|
}
|
|
return true;
|
|
}
|
|
else{
|
|
//socket object was returned,
|
|
//we can perform additional checks here if we like
|
|
//alert(socketObj.attr('id')); would work fine
|
|
//console.log(socketObj.attr('id'));
|
|
//return false so that the peg does not revert
|
|
//console.log("Success!");
|
|
revert = false;
|
|
return false;
|
|
}
|
|
},
|
|
stack: '#half2_'+spremenljivka+' div',
|
|
opacity: 0.9,
|
|
containment: '#spremenljivka_'+spremenljivka,
|
|
});
|
|
|
|
|
|
//dodajanje atributov, ki so prisotni pri vseh ostalih kategorijah odgovorov
|
|
//$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).attr({'value':vre_id, 'name':'vrednost_'+spremenljivka, 'onclick':'checkBranching();', 'missing':other});
|
|
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).attr({'reverted':false,'value':vre_id, 'name':'vrednost_'+spremenljivka, 'onclick':'checkBranching();', 'missing':other});
|
|
//$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).attr({'reverted':false,'value':vre_id, 'name':'vrednost_'+spremenljivka, 'onclick':'checkBranching(); checkPosition('+tip+','+spremenljivka+','+ vre_id+','+ usr_id+','+anketa+','+site_url+');', 'missing':other});
|
|
//$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).attr({'reverted':false,'value':vre_id, 'name':'vrednost_'+spremenljivka, 'onclick':'checkBranching(); checkPosition('+tip+','+spremenljivka+','+ vre_id+','+ usr_id+','+anketa+');', 'missing':other});
|
|
|
|
|
|
//ce je tabela vec odgovorov, rabimo clone
|
|
if(tip == 16){
|
|
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).draggable( "option", "helper", "clone" );
|
|
}
|
|
|
|
//ureditev visine kategorije (div) glede na prisotnost slike ali vecvrsticnega teksta
|
|
var default_cat_height = 15;
|
|
var final_height = 0;
|
|
//var cat_text_length = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).text().length; //hrani stevilo znakov, ki so vpisani v trenutni kategoriji odgovora
|
|
var cat_text_length = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).html().length; //hrani stevilo znakov, ki so vpisani v trenutni kategoriji odgovora
|
|
//console.log('Število znakov v kategoriji: '+cat_text_length);
|
|
|
|
var num_of_br = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id+' br').length; //hrani stevilo br oz. ročnih vnosov novih vrstic
|
|
//console.log('Število br v kategoriji: '+num_of_br);
|
|
|
|
var num_imgs = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id+' img').length; //hrani stevilo img v interesiranem div-u
|
|
//console.log('Število slik v kategoriji @grids: '+num_imgs);
|
|
|
|
var max_cat_text_length = 30; //hrani max stevilo dolzine teksta do katerega ni potrebno samodejno dodati <br>
|
|
|
|
|
|
if( (cat_text_length > max_cat_text_length) && (num_of_br == 0) && (num_imgs == 0) ){//ce je tekst daljsi od 30 znakov, nima breakov ali slik dodaj <br>
|
|
//if( (cat_text_length > max_cat_text_length) ){//ce je tekst daljsi od 35 znakov dodaj <br>
|
|
//console.log('Tekst je daljši od '+max_cat_text_length+' znakov');
|
|
//var txt2 = txt1.slice(0, 3) + "bar" + txt1.slice(3);
|
|
//var txt = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).text();
|
|
var txt = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).html();
|
|
//console.log(txt);
|
|
var txt_alt = txt.slice(0, max_cat_text_length) + "<br>" + txt.slice(max_cat_text_length);
|
|
//console.log(txt_alt);
|
|
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).html(txt_alt);
|
|
final_height = final_height + default_cat_height + 25;
|
|
//console.log(final_height);
|
|
}
|
|
/* else if( (cat_text_length > max_cat_text_length) && (num_of_br == 0) && (num_imgs != 0) ){//ce je tekst daljsi od 35 znakov, nima breakov, ima pa sliko dodaj <br>
|
|
|
|
var txt = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).html();
|
|
console.log(txt);
|
|
var n_img_start = txt.search("<img"); //var n = str.search("W3Schools"); //hrani index, kjer se začne html za sliko
|
|
var n_img_end = txt.indexOf(">");
|
|
console.log(n_img_start);
|
|
console.log(n_img_end);
|
|
//var txt_alt = txt.slice(0, max_cat_text_length) + "<br>" + txt.slice(max_cat_text_length);
|
|
//console.log(txt_alt);
|
|
//$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).html(txt_alt);
|
|
//final_height = final_height + default_cat_height + 25;
|
|
//console.log(final_height);
|
|
|
|
} */
|
|
|
|
|
|
if (num_imgs != 0){ // ce imamo sliko
|
|
|
|
var img_height = 0;
|
|
//var max_width = $('.ranking').width();
|
|
var max_width = 230;
|
|
var img = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id+' img');
|
|
var img_width = img.width();
|
|
//console.log("img_width: "+img_width);
|
|
|
|
var img_height = img.height();
|
|
//console.log("img_height: "+img_height);
|
|
|
|
if (img_width > max_width){
|
|
img_height = (img_height / img_width) * max_width;
|
|
img.css({width: max_width});
|
|
img.css({height: img_height});
|
|
//$('#vre_id_'+vre_id).css({height: height});
|
|
//console.log("Vecji od max width");
|
|
}
|
|
|
|
//ureditev mobilne različice prikazovanja slik znotraj kategorij odgovorov
|
|
/* if (mobile == 1){ //ce je mobilnik
|
|
img_height = (img_height / img_width) * 100;
|
|
img_width = 100;
|
|
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id+' img').attr('style', 'margin: auto !important'); //dodaj atribut
|
|
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id+' img').css({'height':img_height,'width':img_width}); //ustrezno spremeni visino in sirino slike
|
|
} */
|
|
//ureditev mobilne različice prikazovanja - konec
|
|
|
|
//console.log("img_height: "+img_height);
|
|
if(img_height > 25){ //ce je visina slike vecja od default visine kategorije
|
|
final_height = final_height + img_height;
|
|
}
|
|
|
|
|
|
|
|
//ureditev visine variable_holder, ki je znotraj okvirja !!!!!!!!!!
|
|
//$('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').css({'height':(final_height + img_height)+'px'});
|
|
}
|
|
if(num_of_br != 0){
|
|
var br_height = num_of_br*25;
|
|
|
|
if (num_imgs == 0){
|
|
final_height = final_height + default_cat_height + br_height;
|
|
}
|
|
else{
|
|
final_height = final_height + br_height;
|
|
}
|
|
|
|
|
|
//console.log(final_height);
|
|
if( (img_height < 25) && (img_height != 0) ){
|
|
final_height = final_height + img_height;
|
|
}
|
|
}
|
|
if (final_height != 0){
|
|
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).css({'height':final_height}); //dodaj style atributu še novo višino za levi blok
|
|
}
|
|
|
|
}
|
|
//***********************************************************************
|
|
//var cat_total_height_left = 0; //hrani trenutno visino levega okvirja kategorij odgovorov
|
|
//*********funkcija, ki skrbi za delovanje drag and drop grid funkcionalnosti
|
|
function GridDragDropDelovanjeBox(num_grids, indeks, tip, spremenljivka, site_url, ajax, anketa, usr_id, num_of_cats, mobile){
|
|
//var default_var_height_1 = [];
|
|
|
|
//*****za mobilne naprave
|
|
var top_cat = -1;
|
|
var left_cat = -1;
|
|
var default_var_height = 290; //default visina celotnega vprasanja
|
|
if (mobile == 0 || mobile == 2){
|
|
top_cat = -6;
|
|
top_cat_right = 30;
|
|
left_cat = -6;
|
|
var default_var_height = 220; //default visina celotnega vprasanja
|
|
}
|
|
//*********************
|
|
//ureditev visine celotnega vprasanja, ce je ta visja od default-a*******************************************************************
|
|
//var default_var_height = 287; //default visina celotnega vprasanja
|
|
//var default_var_height = 220; //default visina celotnega vprasanja
|
|
//var cat_total_height = 0; //hrani trenutno visino celotnega trenutnega vprasanja
|
|
//var cat_total_height_left = 0; //hrani trenutno visino levega okvirja kategorij odgovorov
|
|
var cat_margin_left = 10 + 5*2 + 1*2; //hrani rob za ureditev visine levega okvirja = margin_spodnji + padding(spredi pa zadi) + border(spredi pa zadi) + neznanka
|
|
var cat_max_height = 0; //hrani trenutno najvecjo visino tretnutne kategorije
|
|
var grid_title_height = 15 + 5*2 + 1*2; //hrani default visino naslovov gridov oz. okvirjev
|
|
//var cat_default_height = 2 + 10 + 15 + 10; //hrani default visino kategorije odgovora = border + padding + notranja visina + spodnji margin
|
|
var cat_default_height = 37;
|
|
var title_heigth = 26; //visina okvricka z naslovom
|
|
var naslov_height = $('#spremenljivka_'+spremenljivka+' .naslov').height(); //visina naslova vprasanja (besedila vprasanja)
|
|
var margin_now = 10; //rob po vsakem okvirju
|
|
var cat_default_inline_text_length = 16; //default dolzina teksta v eni vrstici kategorij odgovorov
|
|
//console.log("naslov_height: "+naslov_height);
|
|
|
|
//ureditev visine puscice med blokoma okvirjev
|
|
//var top = $('#spremenljivka_'+spremenljivka+' td.middle img').css('top');
|
|
var variable_holder_height = $('#spremenljivka_'+spremenljivka+' .variable_holder').height(); //visina variable_holder, potrebna za visino puscice med blokoma
|
|
//$('#spremenljivka_'+spremenljivka+' td.middle img').css({'top' : (naslov_height + 200) + 'px'});
|
|
$('#spremenljivka_'+spremenljivka+' td.middle img').css({'top' : (naslov_height + variable_holder_height/2) + 'px'}); //visina puscice med blokoma okvirjev
|
|
|
|
if (ajax){
|
|
//console.log('Getting data on load');
|
|
$.get(site_url+'/main/survey/ajax.php?a=get_dragdrop1_data', {spremenljivka: spremenljivka, anketa: anketa}, function(data){ //get potrebnih podatkov za resevanje missing
|
|
//trenutna visina celotnega vprasanja
|
|
var default_var_height = $('#spremenljivka_'+spremenljivka).height();
|
|
//console.log("default_var_height: "+default_var_height + " indeks: "+indeks+" num of grids: "+num_grids);
|
|
|
|
if(indeks == 1){//samo enkrat pojdi skozi leve kategorije odgovorov
|
|
//if(indeks == num_grids || indeks == num_grids-1 ){
|
|
/* //trenutna visina celotnega vprasanja@indeks = 1
|
|
var default_var_height = $('#spremenljivka_'+spremenljivka).height());
|
|
console.log("default_var_height @ indeks = 1: "+default_var_height); */
|
|
var cat_total_height_left = 0; //hrani trenutno visino levega okvirja kategorij odgovorov
|
|
var array_length = data.length; //hrani koliko podatkov je prisotnih v polju s podatki iz baze
|
|
var vre_id = []; //polje, ki hrani id-je vrednosti vseh kategorij odgovorov interesirane spremenljivke
|
|
//var cat_total_height = 0; //hrani trenutno visino celotnega trenutnega vprasanja
|
|
var cat_margin = 30;
|
|
|
|
//console.log(array_length); //prikazi koliko podatkov je prisotnih v polju s podatki iz baze
|
|
for(var i = 0; i < array_length; i++){ //sprehodi se po vseh vrednostih polja vre_id v levem bloku
|
|
vre_id[i] = data[i]; //polje iz podatkov iz baze data[], shrani v polje vre_id[]
|
|
|
|
//var cat_height_px = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id[i]).css('height'); //visina kategorije z oznako px
|
|
//var cat_height = cat_height_px.replace('px',''); //hrani string z visino, kjer odstranimo "px"
|
|
var cat_height = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id[i]).height(); //visina kategorije
|
|
cat_height = parseInt(cat_height); //sprememba stringa s samo visino brez oznake "px" v stevilo
|
|
|
|
//console.log('Visina '+(i + 1)+': '+cat_height+' + '+cat_margin_left);
|
|
//cat_total_height = cat_total_height + cat_height + cat_margin; //izracun koncne visine vprasanja
|
|
|
|
if(mobile == 1){ //ko je mobilnik, uredi velikost okvirja kategorije glede na dolzino besedila
|
|
var cat_text_length = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id[i]).text().length; //dolzina teksta v kategoriji odgovora
|
|
|
|
if(cat_text_length > (cat_default_inline_text_length)*2 ){ //ce je dolzina teksta v kategoriji daljsa 2-krat vec od default (16)
|
|
//console.log("Tekst je daljši!");
|
|
//console.log("Dolžina besedila v kategoriji: "+cat_text_length);
|
|
var num_of_rows = cat_text_length / cat_default_inline_text_length;
|
|
//console.log("num_of_rows: "+num_of_rows);
|
|
cat_height = cat_height + 25 * (num_of_rows - 1); //trenutno visino kategorije povecaj za 25
|
|
//console.log("num_of_rows final: "+ (num_of_rows - 1));
|
|
//console.log("cat_height: "+cat_height);
|
|
$('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id[i]).css({'height':(cat_height)+'px'}); //spremeni visino kategorije
|
|
}
|
|
}
|
|
|
|
cat_total_height_left = cat_total_height_left + cat_height + cat_margin_left; //izracun koncne visine levega okvirja
|
|
|
|
//console.log('Total left: '+cat_total_height_left);
|
|
|
|
|
|
if (cat_max_height < cat_height){ //ce je maksimalna visina kategorije manjsa od trenutne visine kategorije
|
|
cat_max_height = cat_height; //naj bo vrednost max visine kategorije trenutna visina kategorije
|
|
}
|
|
|
|
|
|
}
|
|
//console.log('Total left: '+cat_total_height_left);
|
|
|
|
//*************urejanje visine levega okvirja kategorij odgovorov
|
|
$('#half_frame_dropping_'+spremenljivka).css({'height':(cat_total_height_left)+'px'});//visina levega okvirja
|
|
}
|
|
|
|
|
|
|
|
if(indeks == 1){ //samo enkrat pojdi skozi desne okvirje
|
|
//if(indeks == num_grids-1 ){
|
|
for(var j = 1; j <= num_grids; j++){ //preglej vse desne okvirje v desnem bloku
|
|
//notranja visina trenutnega okvirja***************************************
|
|
//var okvir_height = $('#half2_frame_dropping_'+j+'_'+spremenljivka).css('height');
|
|
//okvir_height = parseInt(okvir_height.replace('px',''));
|
|
var okvir_height = $('#half2_frame_dropping_'+j+'_'+spremenljivka).height();
|
|
|
|
okvir_height = okvir_height + 10 + 2; //notranja visina + padding + border
|
|
//console.log('Visina desnega okvirja'+j+' : '+okvir_height);
|
|
frame_total_height_right[spremenljivka] = frame_total_height_right[spremenljivka] + okvir_height + margin_now + title_heigth;
|
|
//console.log('Koncna visina desnega bloka: '+frame_total_height_right[spremenljivka]);
|
|
}
|
|
//console.log("Desni blok visok ob indeksu 1: "+frame_total_height_right[spremenljivka]);
|
|
}
|
|
|
|
|
|
default_var_height_1[spremenljivka] = $('#spremenljivka_'+spremenljivka).height(); //belezenje celotne zacetne visine spremenljivke
|
|
//default_var_height_1[spremenljivka] = $('#spremenljivka_'+spremenljivka).css('height');
|
|
|
|
if(cat_total_height_left > frame_total_height_right[spremenljivka]){ //ce je trenutna visina levega okvirja z odgovori vecja od koncne visine desnega okvirja
|
|
//console.log("Levi okvir vecji od desnega");
|
|
//console.log("Levi visok: "+cat_total_height_left);
|
|
//console.log('Zacetna visina celotne spremenljivke: '+default_var_height_1[spremenljivka]);
|
|
//ce je koncna visina levega okvirja vecja od default visine celotnega vprasanja
|
|
//if( (cat_total_height_left > default_var_height) && (data_after_refresh[spremenljivka] == false) ){
|
|
if( (cat_total_height_left > default_var_height) ){ //ce je koncna visina levega okvirja z odgovori vecja od visine celotnega vprasanja
|
|
dynamic_question_height_sub(cat_total_height_left, spremenljivka, default_var_height_1[spremenljivka]); //ustrezno spremeni vesino celotnega vprasanja
|
|
}else if(cat_total_height_left < default_var_height_1[spremenljivka]){ //ce je koncna visina levega okvirja z odgovori manjsi od visine celotnega vprasanja
|
|
//console.log("default_var_height_1: "+default_var_height_1[spremenljivka]);
|
|
dynamic_question_height_sub(cat_total_height_left, spremenljivka, default_var_height_1[spremenljivka]); //ustrezno spremeni vesino celotnega vprasanja
|
|
} else{
|
|
//console.log("Tale druga pot");
|
|
dynamic_question_height_sub(cat_total_height_left, spremenljivka, default_var_height_1[spremenljivka]);//ustrezno spremeni vesino celotnega vprasanja
|
|
}
|
|
//default_var_height_1[spremenljivka] = $('#spremenljivka_'+spremenljivka).css('height'); //belezenje celotne zacetne visine spremenljivke
|
|
//console.log('Zacetna visina celotne spremenljivke: '+default_var_height_1[spremenljivka]);
|
|
|
|
|
|
//data_after_refresh[spremenljivka] == 0;
|
|
//console.log(cat_total_height_left);
|
|
//ce je trenutna visina levega okvirja z odgovori manjsa od koncne visine desnega okvirja
|
|
}else if(cat_total_height_left < frame_total_height_right[spremenljivka]){
|
|
//console.log("Levi okvir manjsi od desnega");
|
|
$('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').height(frame_total_height_right[spremenljivka] + 50);
|
|
frame_total_height_right[spremenljivka] = frame_total_height_right[spremenljivka] + naslov_height;
|
|
//console.log("Desni blok visok ob indeksu 1 povečan za naslov: "+frame_total_height_right[spremenljivka]);
|
|
//frame_total_height_right[spremenljivka] = frame_total_height_right[spremenljivka] + naslov_height;
|
|
$('#spremenljivka_'+spremenljivka).height(frame_total_height_right[spremenljivka] + 50);
|
|
//dynamic_question_height_sub(frame_total_height_right[spremenljivka], spremenljivka);
|
|
}
|
|
|
|
}, "json");
|
|
}
|
|
|
|
//default_var_height_1[spremenljivka] = $('#spremenljivka_'+spremenljivka).css('height'); //belezenje celotne zacetne visine spremenljivke
|
|
|
|
//************************ konec - ureditev visine celotnega vprasanja, ce je ta visja od default-a
|
|
|
|
//console.log("Grid delovanje: "+num_grids);
|
|
|
|
$('#half_frame_dropping_'+spremenljivka)
|
|
.droppable({
|
|
hoverClass: 'frame_dropping_hover',
|
|
drop: function (event, ui) {
|
|
checkBranching();
|
|
|
|
//$(ui.draggable).detach().css({top: -6,left: -6}).appendTo(this);
|
|
$(ui.draggable).detach().css({top: top_cat,left: left_cat}).appendTo(this);
|
|
var vre_id = ui.draggable.attr('value');
|
|
|
|
if (ajax && tip == 6){
|
|
$.post(site_url+'/main/survey/ajax.php?a=delete_dragdrop_grid_data_1', {spremenljivka: spremenljivka, vre_id: vre_id, usr_id: usr_id, anketa: anketa, indeks: last_indeks[spremenljivka]}); //post-aj potrebne podatke za brisanje
|
|
//}
|
|
draggableOnDroppable[vre_id][last_indeks[spremenljivka]] = false; //oznacimo, da smo trenutno kategorijo odgovora odstranili iz okvirja
|
|
draggableOverDroppable[vre_id][last_indeks[spremenljivka]] = false;
|
|
//console.log('draggableOverDroppable['+vre_id+']['+last_indeks[spremenljivka]+']: '+draggableOverDroppable[vre_id][last_indeks[spremenljivka]])
|
|
var prejsnji_okvir = $('#half2_frame_dropping_'+last_indeks[spremenljivka]+'_'+spremenljivka);
|
|
var prejsnji_okvir_kat_prisotna = prejsnji_okvir.children('div').attr('value'); //belezi, ce je kaj prisotnega v prejsnjem okvirju
|
|
if(prejsnji_okvir_kat_prisotna === undefined && last_indeks[spremenljivka] != 0){
|
|
//console.log("Levi frame last frame func");
|
|
last_frame_height(prejsnji_okvir, spremenljivka, num_grids, cat_margin_left, ui.draggable); //spremeni visino zadnje obiskanega okvirja
|
|
}
|
|
dynamic_question_height(spremenljivka, num_grids);
|
|
last_indeks[spremenljivka] = 0;
|
|
last_drop[vre_id] = 0;
|
|
last_vre_id[spremenljivka] = 0;
|
|
|
|
}
|
|
from_left[vre_id] = true;
|
|
/* var default_var_height = $('#spremenljivka_'+spremenljivka).height();
|
|
default_var_height_1[spremenljivka] = default_var_height; */
|
|
},
|
|
out: function (event, ui) { //ob izhodu iz drop zone
|
|
//answer_coming[spremenljivka] = true;
|
|
//var vre_id = ui.draggable.attr('value');
|
|
//console.log("from_left["+vre_id+"]: "+from_left[vre_id]);
|
|
},
|
|
over: function (event, ui) {
|
|
var vre_id = ui.draggable.attr('value');
|
|
//potrebno pridobiti informacijo ze tukaj, ker drugace so tezave @ revert v levi okvir
|
|
vre_id_global[spremenljivka] = vre_id;
|
|
draggable_global[vre_id] = ui.draggable;
|
|
}
|
|
});
|
|
|
|
|
|
$('#half2_frame_dropping_'+indeks+'_'+spremenljivka)
|
|
.droppable({
|
|
//hoverClass: 'frame_ranking_hover',
|
|
hoverClass: 'frame_dropping_hover',
|
|
tolerance: "pointer",
|
|
//accept: '#half_'+spremenljivka+' div',
|
|
drop: function (event, ui) { //ob dropanju odgovora v desni blok
|
|
checkBranching();
|
|
|
|
if(mobile == 0 || mobile == 2){
|
|
//$(this).toggleClass('frame_dropping_wider'); //spremeni videz trenutnega okvirja
|
|
}else if(mobile == 1){
|
|
//$(this).toggleClass('frame_dropping_wider_mobile'); //spremeni videz trenutnega okvirja
|
|
}
|
|
|
|
|
|
num_grids = num_grids_global[spremenljivka];
|
|
//console.log("Drop");
|
|
var vre_id = ui.draggable.attr('value');
|
|
var other = ui.draggable.attr('missing'); //spremenljivka, ki hrani vrednost atributa missing
|
|
var other_present = $(this).children('div').attr('missing'); //missing, ki je trenutno v desnem bloku
|
|
//var cat_right = $(this).children('div').css('height'); //ali je prisotna kaksna kategorija v trenuntem desnem okvirju? Undefined = ne
|
|
var cat_right = $(this).children('div').height(); //ali je prisotna kaksna kategorija v trenuntem desnem okvirju? Undefined = ne
|
|
//var cat_right = $(this).children('div').outerHeight(); //ali je prisotna kaksna kategorija v trenuntem desnem okvirju? Undefined = ne
|
|
var vre_id_present = $(this).children('div').attr('value'); //vre_id kategorije odgovora, ki je prisotna v okvirju ob dropu
|
|
//var draggable_global[spremenljivka] = ui.draggable;
|
|
draggable_global[vre_id] = ui.draggable;
|
|
|
|
//*******************dinamicna visina celotnega vprasanja glede na vsebino prenesenih desnih okvirjev
|
|
var title_heigth = 26; //visina okvricka z naslovom
|
|
var margin_now = 10; //rob po vsakem okvirju
|
|
var height_beside = 40; //visina od zacetka vprasanja do prvega okvirja (in malo po zadnjem okvirju)
|
|
var final_height_right_block = 0; //hrani koncno visino desnega bloka, torej vseh prisotnih okvirjev
|
|
final_height_right_block = final_height_right_block + height_beside; //koncni visini dodamo se "praznino" med zacetkom vprasanja in prvim okvirjem
|
|
|
|
for(var j = 1; j <= num_grids; j++){ //preglej vse okvirje
|
|
//notranja visina trenutnega okvirja***************************************
|
|
//var okvir_height = $('#half2_frame_dropping_'+j+'_'+spremenljivka).css('height');
|
|
//okvir_height = parseInt(okvir_height.replace('px',''));
|
|
var okvir_height = $('#half2_frame_dropping_'+j+'_'+spremenljivka).height();
|
|
//console.log('Visina '+j+' : '+okvir_height);
|
|
okvir_height = okvir_height + 10 + 2; //notranja visina + padding + border
|
|
//*************************************************************************
|
|
final_height_right_block = final_height_right_block + okvir_height + margin_now + title_heigth;
|
|
//console.log('Koncna visina desnega bloka: '+final_height_right_block);
|
|
}
|
|
|
|
//trenutna visina celotnega vprasanja
|
|
//var default_var_height = $('#spremenljivka_'+spremenljivka).css('height');
|
|
//default_var_height = parseInt(default_var_height.replace('px',''));
|
|
var default_var_height = $('#spremenljivka_'+spremenljivka).height();
|
|
//console.log('Default: '+default_var_height);
|
|
//console.log('Final: '+final_height_right_block);
|
|
if(final_height_right_block > default_var_height){
|
|
$('#spremenljivka_'+spremenljivka).css({'height':final_height_right_block+'px'});
|
|
//da ne bo pri mobilnikih prevec skrito vprasanje
|
|
$('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').css({'height':(final_height_right_block - 100)+'px'});
|
|
|
|
}
|
|
//************************************ konec - dinamicna visina celotnega vprasanja glede na visino prenesenih desnih okvirjev
|
|
|
|
|
|
//$(ui.draggable).detach().css({top: -6,left: -6}).appendTo(this); //pozicioniraj kategorijo odgovora na pravo mesto
|
|
//$(ui.draggable).detach().css({top: top_cat,left: left_cat}).appendTo(this); //pozicioniraj kategorijo odgovora na pravo mesto
|
|
|
|
//ce je tabela - en odgovor
|
|
if(tip == 6){
|
|
//$(ui.draggable).detach().css({top: top_cat,left: left_cat}).appendTo(this); //pozicioniraj kategorijo odgovora na pravo mesto
|
|
//$(ui.draggable).detach().css({top: 30, left:-6}).appendTo(this); //pozicioniraj kategorijo odgovora na pravo mesto
|
|
if (cat_right){ //ce je ze nekaj v okvirju
|
|
//$(ui.draggable).detach().css({top: (top_cat_right + cat_right), left:-6}).appendTo(this); //pozicioniraj kategorijo odgovora na pravo mesto tako, da je nad prejsnjim
|
|
$(ui.draggable).detach().css({top: (top_cat_right), left:-6}).prependTo(this); //pozicioniraj kategorijo odgovora na pravo mesto tako, da je nad prejsnjim
|
|
}else{
|
|
$(ui.draggable).detach().css({top: top_cat_right, left:-6}).appendTo(this); //pozicioniraj kategorijo odgovora na pravo mesto
|
|
}
|
|
|
|
|
|
/* if(cat_right == null){
|
|
$(ui.draggable).detach().css({top: ui.draggable.height(),left: left_cat}).appendTo(this); //pozicioniraj kategorijo odgovora na pravo mesto
|
|
}
|
|
$(ui.draggable).css({margin: '10px auto 0px auto'}); */
|
|
if (ajax){
|
|
$.post(site_url+'/main/survey/ajax.php?a=accept_dragdrop_grid', {vre_id_present: vre_id_present, tip: tip, spremenljivka: spremenljivka, vre_id: vre_id, anketa: anketa, usr_id: usr_id, indeks: indeks, cat_right: cat_right, last_vre_id: last_vre_id[spremenljivka]}); //post-aj potrebne podatke za belezenje v bazo
|
|
if(last_drop[vre_id] != indeks || last_drop[vre_id] != 0){
|
|
$.post(site_url+'/main/survey/ajax.php?a=delete_dragdrop_grid_data_1', {spremenljivka: spremenljivka, vre_id: vre_id, usr_id: usr_id, anketa: anketa, indeks: last_drop[vre_id]}); //post-aj potrebne podatke za brisanje
|
|
}
|
|
}
|
|
}
|
|
else if(tip == 16 && draggableOnDroppable[vre_id][indeks] == false){ //ce je tabela - vec odgovorov in odgovora ni v trenutnem okvirju, uredi clone
|
|
var visina_test = ui.draggable.css('height');
|
|
//$(ui.draggable.clone()).detach().css({top: top_cat,left: left_cat, height: visina_test}).appendTo(this); //pozicioniraj kategorijo odgovora na pravo mesto in dodaj ustrezno visino
|
|
$(ui.draggable.clone()).detach().css({top: top_cat_right, left: left_cat, height: visina_test}).prependTo(this); //pozicioniraj kategorijo odgovora na pravo mesto in dodaj ustrezno visino
|
|
//$(ui.draggable).detach().css({top: 10,left: 10}).appendTo(this); //pozicioniraj kategorijo odgovora na pravo mesto
|
|
if (ajax){
|
|
$.post(site_url+'/main/survey/ajax.php?a=accept_dragdrop_grid', {vre_id_present: vre_id_present, tip: tip, spremenljivka: spremenljivka, vre_id: vre_id, anketa: anketa, usr_id: usr_id, indeks: indeks, cat_right: cat_right, last_vre_id: last_vre_id[spremenljivka]}); //post-aj potrebne podatke za belezenje v bazo
|
|
}
|
|
}
|
|
|
|
if(last_indeks[spremenljivka] !== undefined){
|
|
var prejsnji_okvir = $('#half2_frame_dropping_'+last_indeks[spremenljivka]+'_'+spremenljivka);
|
|
var prejsnji_okvir_kat_prisotna = prejsnji_okvir.children('div').attr('value'); //belezi, ce je kaj prisotnega v prejsnjem okvirju
|
|
//console.log("last_indeks[spremenljivka][indeks]: "+last_indeks[spremenljivka][indeks]);
|
|
if(last_indeks[spremenljivka] == 0 || prejsnji_okvir_kat_prisotna === undefined){
|
|
last_frame_height(prejsnji_okvir, spremenljivka, num_grids, cat_margin_left, ui.draggable); //spremeni visino zadnje obiskanega okvirja
|
|
}
|
|
}
|
|
|
|
last_drop[vre_id] = indeks; //zabelezi indeks okvirja zadnjega drop-a
|
|
draggableOnDroppable[vre_id][indeks] = true; //oznacimo, da je trenutna kategorija odgovora v okvirju
|
|
if(tip == 6){
|
|
from_left[vre_id] = false;
|
|
}
|
|
},
|
|
over: function (event, ui) { //ob prenosu trenutne kategorije odgovora nad okvirjem
|
|
num_grids = num_grids_global[spremenljivka];
|
|
checkBranching();
|
|
var vre_id = ui.draggable.attr('value');
|
|
var vre_id_present = $(this).children('div').attr('value'); //vre_id kategorije odgovora, ki je prisotna v okvirju ob dropu
|
|
vre_id_global[spremenljivka] = vre_id;
|
|
var trenutni_okvir = $('#half2_frame_dropping_'+indeks+'_'+spremenljivka);
|
|
//console.log("from_left["+vre_id+"]: "+from_left[vre_id]);
|
|
|
|
if (last_indeks[spremenljivka] == 0 && tip == 6){ //ce prenasamo kategorije odgovora iz levega okvirja
|
|
last_indeks[spremenljivka] = indeks; //zabelezi indeks prejsnjega okvirja
|
|
|
|
}else {
|
|
|
|
var last_vrednost_id_temp = last_vre_id[spremenljivka];
|
|
var prejsnji_okvir = $('#half2_frame_dropping_'+last_indeks[spremenljivka]+'_'+spremenljivka);
|
|
|
|
//if(tip == 16 || tip == 6){
|
|
if(tip == 6){
|
|
var prejsnji_okvir_kat_prisotna = [];
|
|
var stevilo_prisotnih = prejsnji_okvir.children('div').length;
|
|
//console.log(stevilo_prisotnih);
|
|
for(var z = 1; z <= stevilo_prisotnih; z++){
|
|
//prejsnji_okvir_kat_prisotna = prejsnji_okvir.children('div').attr('value'); //belezi, ce je kaj prisotnega v prejsnjem okvirju
|
|
prejsnji_okvir_kat_prisotna[z] = prejsnji_okvir.children('div :nth-child('+z+')').attr('value'); //belezi, ce je kaj prisotnega v prejsnjem okvirju, kateri odgovori so prisotni
|
|
//console.log("prejsnji_okvir_kat_prisotna["+z+"]: "+prejsnji_okvir_kat_prisotna[z]);
|
|
|
|
if(last_vrednost_id_temp != 0){
|
|
//ce v prejsnjem okvirju ni nicesar in (v prejsnjem okvirju ni nicesar ali je identifikacija ista trenutni)
|
|
if( (draggableOnDroppable[last_vrednost_id_temp][indeks] == false) && ( (prejsnji_okvir_kat_prisotna === undefined) || (prejsnji_okvir_kat_prisotna == vre_id) ) ){
|
|
if ( (tip == 16 && draggableOnDroppable[vre_id][last_indeks[spremenljivka]] == false) || tip == 6 ){
|
|
//spremeni visino prejsnjega okvirja
|
|
last_frame_height(prejsnji_okvir, spremenljivka, num_grids, cat_margin_left, ui.draggable);
|
|
//console.log("Spreminjam prejsnji okvir");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
if(vre_id_present !== undefined){
|
|
//ce ni se nicesar v trenutnem okvirju, ali odgovor je na poti v okvir in je vprasanje tipa 16 (tabela - vec odgovorov) ali 6 (tabela - en odgovor)
|
|
if (draggableOnDroppable[vre_id_present][indeks] != true || (draggableOverDroppable[vre_id][indeks] == false && (tip == 16 || tip == 6) ) ){
|
|
//zabelezi, da je odgovor nad okvirjem
|
|
draggableOverDroppable[vre_id][indeks] = true;
|
|
if ((tip == 16 && draggableOnDroppable[vre_id][indeks] == false) || tip == 6){
|
|
//uredi visino okvirja in celotnega vprasanja
|
|
frame_and_question_height(trenutni_okvir, spremenljivka, num_grids, cat_margin_left, cat_default_height, ui.draggable);
|
|
if(from_left[vre_id] != false){
|
|
dynamic_question_height(spremenljivka, num_grids);
|
|
}
|
|
|
|
//console.log("Tukaj 1");
|
|
}
|
|
}
|
|
}else{
|
|
|
|
if (vre_id_present === undefined || (draggableOverDroppable[vre_id][indeks] == false && (tip == 16 || tip == 6) ) ){
|
|
//zabelezi, da je odgovor nad okvirjem
|
|
draggableOverDroppable[vre_id][indeks] = true;
|
|
if ( (tip == 16 && (draggableOnDroppable[vre_id][indeks] == false || last_drop[vre_id] == 0 )) || tip == 6){
|
|
//uredi visino okvirja in celotnega vprasanja
|
|
frame_and_question_height(trenutni_okvir, spremenljivka, num_grids, cat_margin_left, cat_default_height, ui.draggable);
|
|
if(from_left[vre_id] != false){
|
|
dynamic_question_height(spremenljivka, num_grids);
|
|
}
|
|
//console.log("Tukaj 2");
|
|
}
|
|
}
|
|
}
|
|
|
|
//spremeni videz trenutnega okvirja
|
|
if(draggableOverDroppable[vre_id][indeks] == true){
|
|
if(mobile == 0 || mobile == 2){
|
|
//$(this).toggleClass('frame_dropping_wider');
|
|
}
|
|
else if(mobile == 1){
|
|
//$(this).toggleClass('frame_dropping_wider_mobile');
|
|
}
|
|
}
|
|
|
|
last_indeks[spremenljivka] = indeks; //zabelezi indeks (trenutnega oz. bodocega) prejsnjega okvirja
|
|
cat_pushed[spremenljivka] = false;
|
|
},
|
|
out: function (event, ui) { //ob izhodu iz drop zone
|
|
num_grids = num_grids_global[spremenljivka];
|
|
var vre_id = ui.draggable.attr('value');
|
|
var vre_id_present = $(this).children('div').attr('value'); //vre_id kategorije odgovora, ki je prisotna v okvirju ob dropu
|
|
var prejsnji_okvir = $('#half2_frame_dropping_'+last_indeks[spremenljivka]+'_'+spremenljivka);
|
|
var prejsnji_okvir_kat_prisotna = prejsnji_okvir.children('div').attr('value'); //belezi, ce je kaj prisotnega v prejsnjem okvirju
|
|
//console.log("Out");
|
|
//draggableOnDroppable[vre_id] = false; //oznacimo, da smo tretnutno kategorijo odgovora odstranili iz okvirja
|
|
|
|
|
|
//if(draggableOverDroppable[vre_id] == true && tip == 16){
|
|
if(draggableOverDroppable[vre_id][indeks] == true && ( (tip == 16 && draggableOnDroppable[vre_id][last_indeks[spremenljivka]] == false) || tip == 6) ){
|
|
//console.log("Last frame out pri indeksu: "+last_indeks[spremenljivka]);
|
|
last_frame_height(prejsnji_okvir, spremenljivka, num_grids, cat_margin_left, ui.draggable);
|
|
}
|
|
last_vre_id[spremenljivka] = vre_id;
|
|
last_indeks[spremenljivka] = indeks;
|
|
if( tip == 6 || (tip == 16 && draggableOnDroppable[vre_id][last_indeks[spremenljivka]] == false) ){
|
|
draggableOnDroppable[vre_id][indeks] = false; //oznacimo, da trenutne kategorije odgovora ni v okvirju
|
|
}
|
|
draggableOverDroppable[vre_id][indeks] = false;
|
|
draggable_global[vre_id] = ui.draggable;
|
|
|
|
//spremeni videz prejsnjega okvirja
|
|
if(draggableOverDroppable[vre_id][indeks] == false){
|
|
if(mobile == 0 || mobile == 2){
|
|
//prejsnji_okvir.toggleClass('frame_dropping_wider');
|
|
}else if(mobile == 1){
|
|
//prejsnji_okvir.toggleClass('frame_dropping_wider_mobile');
|
|
}
|
|
}
|
|
|
|
}
|
|
});
|
|
|
|
//********************** odstranitev odgovorov iz desnih okvirjev @ tabela - vec odgovorov
|
|
// ce je tabela - vec odgovorov
|
|
if(tip == 16){ //uredi odstranjevanje kategorij odgovorov iz desnega okvirja ob kliku na njih
|
|
|
|
$('#half2_frame_dropping_'+indeks+'_'+spremenljivka).click(function(){
|
|
|
|
$('#half2_frame_dropping_'+indeks+'_'+spremenljivka).children().click(function(){ //ob kliku na kategorijo odgovora
|
|
|
|
var index1 = $('#half2_frame_dropping_'+indeks+'_'+spremenljivka).children().index(this); //indeks klikanega odgovora
|
|
var prejsnji_okvir = $('#half2_frame_dropping_'+indeks+'_'+spremenljivka); //
|
|
var vre_id = $('#half2_frame_dropping_'+indeks+'_'+spremenljivka+' div:nth-child('+(index1 + 1)+')').attr('value');
|
|
var draggable = $('#half2_frame_dropping_'+indeks+'_'+spremenljivka+' div:nth-child('+(index1 + 1)+')');
|
|
|
|
$('#half2_frame_dropping_'+indeks+'_'+spremenljivka+' div:nth-child('+(index1 + 1)+')').detach();//odstrani odgovor iz okvirja
|
|
|
|
if (ajax){ //odstrani podatek o odgovoru iz baze
|
|
$.post(site_url+'/main/survey/ajax.php?a=delete_dragdrop_grid_data', {tip: tip, spremenljivka: spremenljivka, vre_id: vre_id, usr_id: usr_id, anketa: anketa, indeks: indeks}); //post-aj potrebne podatke za brisanje
|
|
}
|
|
console.log(draggableOnDroppable[vre_id][indeks]);
|
|
last_frame_height(prejsnji_okvir, spremenljivka, num_grids, cat_margin_left, draggable); //spremeni visino zadnje obiskanega okvirja
|
|
draggableOnDroppable[vre_id][indeks] = false; //oznacimo, da smo trenutno kategorijo odgovora odstranili iz okvirja
|
|
//console.log("draggableOnDroppable["+vre_id+"]["+indeks+"]: "+draggableOnDroppable[vre_id][indeks]);
|
|
draggableOverDroppable[vre_id][indeks] = false;
|
|
from_left[vre_id] = true;
|
|
dynamic_question_height(spremenljivka, num_grids);
|
|
//console.log("vre_id: "+vre_id);
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
//********************** konec - odstranitev odgovorov iz desnih okvirjev @ tabela - vec odgovorov
|
|
}
|
|
//**************************************************************************************
|
|
|
|
function frame_and_question_height(trenutni_okvir, spremenljivka, num_grids, cat_margin_left, cat_default_height, draggable){
|
|
//console.log('Frame and question height');
|
|
//uredi visino okvirja in celotnega vprasanja
|
|
var other = draggable.attr('missing'); //spremenljivka, ki hrani vrednost atributa missing
|
|
var other_present = trenutni_okvir.children('div').attr('missing'); //missing, ki je trenutno v desnem bloku
|
|
|
|
//***************** glede na visino trenutno prenesenih kategorij odgovora, povecaj visino okvirja
|
|
//visina trenutno prenesenega odgovora*************
|
|
//var cat_height_px_now = draggable.css('height'); //visina kategorije z oznako px
|
|
//var cat_height_now = cat_height_px_now.replace('px',''); //hrani string z visino, kjer odstranimo "px"
|
|
var cat_height_now = draggable.height(); //visina kategorije
|
|
//cat_height_now = parseInt(cat_height_now); //sprememba stringa s samo visino brez oznake "px" v stevilo
|
|
//*************************************************visina trenutno prenesenega odgovora - konec
|
|
|
|
//cat_height_now = cat_height_now + cat_margin_left; //izracun koncne visine desnega okvirja
|
|
//cat_height_now = cat_height_now + cat_default_height; //izracun koncne visine desnega okvirja
|
|
//console.log(cat_height_now);
|
|
|
|
//var cat_right = trenutni_okvir.children('div').css('height');//belezi visino kategorije odgovora, ce je ta prisotna v trenutnem desnem okvirju
|
|
var cat_right = trenutni_okvir.children('div').height();//belezi visino kategorije odgovora, ce je ta prisotna v trenutnem desnem okvirju
|
|
|
|
//ce je v trenutnem desnem okvirju ze prisotna kategorija odgovora, trenutni visini okvirja dodaj se visino trenutne kategorije
|
|
if(cat_right){
|
|
//console.log('Ima children');
|
|
//var whole_heigth = trenutni_okvir.css('height');
|
|
//whole_heigth = whole_heigth.replace('px','');
|
|
var whole_heigth = trenutni_okvir.height();
|
|
//console.log(whole_heigth);
|
|
cat_height_now = cat_height_now + cat_margin_left; //izracun koncne visine desnega okvirja, ce imamo ze kategorije v okvirju
|
|
//var okvir_height = parseInt(whole_heigth) + parseInt(cat_height_now);
|
|
var okvir_height = whole_heigth + cat_height_now;
|
|
trenutni_okvir.css({'height':(okvir_height)+'px'}); //visina desnega okvirja
|
|
//console.log('Koncna visina: '+(okvir_height));
|
|
}else{ //drugace
|
|
cat_height_now = cat_height_now + cat_default_height; //izracun koncne visine desnega okvirja, ce ni kategorij v okvirju
|
|
if (cat_height_now < 15){ //ce je visina trenutne kategorije odgovova manjsa od 15, prej 20
|
|
cat_height_now = 15; //naj bo visina okvirja 15px, prej 20px
|
|
}
|
|
trenutni_okvir.css({'height':(cat_height_now)+'px'}); //visina trenutnega desnega okvirja
|
|
//console.log('Koncna visina: '+(cat_height_now));
|
|
}
|
|
//************************************ konec - glede na visino trenutno prenesenih kategorij odgovora, povecaj visino okvirja
|
|
//*******************dinamicna visina celotnega vprasanja glede na vsebino prenesenih desnih okvirjev
|
|
//trenutna visina celotnega vprasanja
|
|
//var default_var_height = $('#spremenljivka_'+spremenljivka).height();
|
|
//var default_var_height = 1;
|
|
//dynamic_question_height(spremenljivka, num_grids, default_var_height);
|
|
//************************************ konec - dinamicna visina celotnega vprasanja glede na visino prenesenih desnih okvirjev
|
|
}
|
|
|
|
//funkcija za urejanje visine okvirjev
|
|
function frame_height(spremenljivka, vre_id, grd_id, revert){
|
|
|
|
//***************** glede na visino trenutno prenesenih kategorij odgovora, povecaj visino okvirja
|
|
//visina trenutno prenesenega odgovora*************
|
|
var cat_default_height = 37;
|
|
//var cat_height_px_now = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).css('height'); //visina trenutne kategorije odgovora
|
|
//var cat_height_now = cat_height_px_now.replace('px',''); //hrani string z visino, kjer odstranimo "px"
|
|
var cat_height_now = $('#spremenljivka_'+spremenljivka+'_vrednost_'+vre_id).height(); //visina trenutne kategorije odgovora
|
|
//cat_height_now = parseInt(cat_height_now); //sprememba stringa s samo visino brez oznake "px" v stevilo
|
|
//*************************************************visina trenutno prenesenega odgovora - konec
|
|
//console.log("Frame height");
|
|
//console.log("cat_height_now: "+cat_height_now);
|
|
//console.log("spremenljivka: "+spremenljivka);
|
|
//console.log("vre_id: "+vre_id);
|
|
|
|
//cat_height_now = cat_height_now + cat_margin_left; //izracun koncne visine desnega okvirja
|
|
//cat_height_now = cat_height_now + cat_default_height; //izracun koncne visine desnega okvirja
|
|
//console.log(cat_height_now);
|
|
|
|
//var cat_right = $('#half2_frame_dropping_'+grd_id+'_'+spremenljivka).children('div').css('height');//belezi visino kategorije odgovora, ce je ta prisotna v trenutnem desnem okvirju
|
|
var cat_right = $('#half2_frame_dropping_'+grd_id+'_'+spremenljivka).children('div').height();//belezi visino kategorije odgovora, ce je ta prisotna v trenutnem desnem okvirju
|
|
|
|
//ce je v trenutnem desnem okvirju ze prisotna kategorija odgovora, trenutni visini okvirja dodaj se visino trenutne kategorije
|
|
if(cat_right || revert){
|
|
//console.log('Ima children');
|
|
//var whole_heigth = $('#half2_frame_dropping_'+grd_id+'_'+spremenljivka).css('height');
|
|
//whole_heigth = whole_heigth.replace('px','');
|
|
var whole_heigth = $('#half2_frame_dropping_'+grd_id+'_'+spremenljivka).height();
|
|
//console.log(whole_heigth);
|
|
cat_height_now = cat_height_now + cat_margin_left; //izracun koncne visine desnega okvirja, ce imamo ze kategorije v okvirju
|
|
var okvir_height = parseInt(whole_heigth) + parseInt(cat_height_now);
|
|
$('#half2_frame_dropping_'+grd_id+'_'+spremenljivka).css({'height':(okvir_height)+'px'}); //visina desnega okvirja
|
|
//console.log('Koncna visina: '+(okvir_height));
|
|
|
|
}else{ //drugace
|
|
cat_height_now = cat_height_now + cat_default_height; //izracun koncne visine desnega okvirja, ce ni kategorij v okvirju
|
|
if (cat_height_now < 15){ //ce je visina trenutne kategorije odgovova manjsa od 15, prej 20
|
|
cat_height_now = 15; //naj bo visina okvirja 15px, prej 20px
|
|
}
|
|
$('#half2_frame_dropping_'+grd_id+'_'+spremenljivka).css({'height':(cat_height_now)+'px'}); //visina trenutnega desnega okvirja
|
|
//console.log('Koncna visina okvirja z odgovorom: '+(cat_height_now));
|
|
}
|
|
//************************************ konec - glede na visino trenutno prenesenih kategorij odgovora, povecaj visino okvirja
|
|
|
|
//console.log("cat_height_now ["+vre_id+"]: "+cat_height_now);
|
|
}
|
|
//************** konec - funkcije za urejanje visine okvirjev
|
|
|
|
//***************funkcija za urejanje visine zadnje obiskanega okvirja @ drag and drop
|
|
function last_frame_height(prejsnji_okvir, spremenljivka, num_grids, cat_margin_left, draggable){
|
|
//console.log('last_frame_height: '+prejsnji_okvir.children('div').attr('value'));
|
|
//console.log("num_grids v last frame: "+num_grids);
|
|
//console.log('last_frame_height ');
|
|
//****glede na odstrajeno kategorijo odgovora, trenutni visini okvirja odstrani visino odstranjene kategorije
|
|
//var trenutna_visina_okvirja = $('#half2_frame_dropping_'+last_indeks[spremenljivka]+'_'+spremenljivka).css('height');
|
|
//var trenutna_visina_okvirja = prejsnji_okvir.css('height');
|
|
var trenutna_visina_okvirja = prejsnji_okvir.height();
|
|
//console.log("trenutna_visina_okvirja: "+trenutna_visina_okvirja);
|
|
//var trenutna_visina_kategorije = draggable.css('height')//visina odnesene kategorije odgovora
|
|
var trenutna_visina_kategorije = draggable.height();//visina odnesene kategorije odgovora
|
|
//trenutna_visina_okvirja = trenutna_visina_okvirja.replace('px','');
|
|
//trenutna_visina_kategorije = trenutna_visina_kategorije.replace('px','');
|
|
//koncna_visina_zapuscenega_okvirja = parseInt(trenutna_visina_okvirja) - parseInt(trenutna_visina_kategorije) - cat_margin_left;
|
|
koncna_visina_zapuscenega_okvirja = trenutna_visina_okvirja - trenutna_visina_kategorije - cat_margin_left;
|
|
|
|
if (koncna_visina_zapuscenega_okvirja < 15){
|
|
koncna_visina_zapuscenega_okvirja = 15;
|
|
}
|
|
|
|
prejsnji_okvir.css({'height':(koncna_visina_zapuscenega_okvirja)+'px'}); //visina desnega okvirja
|
|
|
|
|
|
//var default_var_height = default_var_height_1[spremenljivka];
|
|
//console.log(default_var_height);
|
|
//$('#spremenljivka_'+spremenljivka).css({'height':(default_var_height - koncna_visina_zapuscenega_okvirja + 50)+'px'});
|
|
//****** konec - glede na odstrajeno kategorijo odgovora, trenutni visini okvirja odstrani visino odstranjene kategorije
|
|
|
|
//*******************dinamicna visina celotnega vprasanja glede na vsebino prenesenih desnih okvirjev
|
|
//var default_height_no_px = default_var_height_1[spremenljivka];
|
|
//var default_height_no_px = 0;
|
|
|
|
//dynamic_question_height(spremenljivka, num_grids);
|
|
//dynamic_question_height(spremenljivka, num_grids, default_height_no_px);
|
|
|
|
//************************************ konec - dinamicna visina celotnega vprasanja glede na visino prenesenih desnih okvirjev
|
|
}
|
|
//*************** konec - funkcija za urejanje visine zadnje obiskanega okvirja
|
|
|
|
//********* funkcija, ki skrbi za koncno ureditev visine celotnega vprasanja glede na visino (levega ali desnega) bloka @ drag and drop
|
|
//function dynamic_question_height_sub(frame_height, spremenljivka, default_height_no_px){
|
|
function dynamic_question_height_sub(frame_height, spremenljivka){
|
|
//var default_height_no_px = default_var_height_1[spremenljivka];
|
|
|
|
//console.log("default_height_no_px before: "+default_height_no_px);
|
|
//default_var_height_1[spremenljivka] = $('#spremenljivka_'+spremenljivka).css('height');
|
|
//default_height_no_px = parseInt(default_height_no_px.replace('px',''));
|
|
|
|
default_height_no_px = $('#spremenljivka_'+spremenljivka).height();
|
|
|
|
var naslov_height = $('#spremenljivka_'+spremenljivka+' .naslov').height();
|
|
//console.log("default_height_no_px dyn: "+default_height_no_px);
|
|
//console.log("tallest frame_height: "+frame_height);
|
|
//console.log("Dynamic question height sub");
|
|
|
|
if( (frame_height + naslov_height) > default_height_no_px){ //ce je koncna visina desnega dela z okvirji vecji od trenutne default visine celotnega vprasanja
|
|
$('#spremenljivka_'+spremenljivka).height(frame_height + naslov_height + 50);
|
|
//console.log("Spreminjam 1");
|
|
//da ne bo pri mobilnikih prevec skrito vprasanje, spremeni visino variable_holder
|
|
$('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').height(frame_height + 25);
|
|
}else if((frame_height + naslov_height) < default_height_no_px){ //ce je koncna visina desnega dela z okvirji manjsi od trenutne default visine celotnega vprasanja
|
|
//$('#spremenljivka_'+spremenljivka).css({'height':(default_height_no_px + 50)+'px'});
|
|
$('#spremenljivka_'+spremenljivka).height(default_height_no_px + 50);
|
|
//console.log("Spreminjam 2");
|
|
//da ne bo pri mobilnikih prevec skrito vprasanje, spremeni visino variable_holder
|
|
$('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').height(default_height_no_px - naslov_height + 25);
|
|
|
|
}
|
|
}
|
|
|
|
//*********** @ drag and drop
|
|
//function dynamic_question_height(spremenljivka, num_grids, default_height_flag){
|
|
function dynamic_question_height(spremenljivka, num_grids){
|
|
//*******************dinamicna visina celotnega vprasanja glede na vsebino prenesenih desnih okvirjev
|
|
var naslov_height = $('#spremenljivka_'+spremenljivka+' .naslov').height();
|
|
var title_heigth = 26; //visina okvricka z naslovom
|
|
var margin_now = 10; //rob po vsakem okvirju
|
|
var height_beside = 40; //visina od zacetka vprasanja do prvega okvirja (in malo po zadnjem okvirju)
|
|
var final_height_right_block = 0; //hrani koncno visino desnega bloka, torej vseh prisotnih okvirjev
|
|
final_height_right_block = final_height_right_block + height_beside; //koncni visini dodamo se "praznino" med zacetkom vprasanja in prvim okvirjem
|
|
|
|
//var frame_height_left = $('#half_frame_dropping_'+spremenljivka).css('height'); //visina celotnega levega okvirja
|
|
//frame_height_left = parseInt(frame_height_left.replace('px',''));
|
|
var frame_height_left = $('#half_frame_dropping_'+spremenljivka).height(); //visina celotnega levega okvirja
|
|
frame_height_left= frame_height_left + 10 + 2; //notranja visina + padding + border
|
|
frame_height_left = frame_height_left + height_beside;
|
|
//console.log('Koncna visina levega bloka: '+frame_height_left);
|
|
|
|
for(var j = 1; j <= num_grids; j++){ //preglej vse okvirje
|
|
//notranja visina trenutnega okvirja***************************************
|
|
//var okvir_height = $('#half2_frame_dropping_'+j+'_'+spremenljivka).css('height');
|
|
var okvir_height = $('#half2_frame_dropping_'+j+'_'+spremenljivka).height();
|
|
//okvir_height = parseInt(okvir_height.replace('px',''));
|
|
//console.log('Visina '+j+' : '+okvir_height);
|
|
okvir_height = okvir_height + 10 + 2; //notranja visina + padding + border
|
|
|
|
final_height_right_block = final_height_right_block + okvir_height + margin_now + title_heigth;
|
|
//console.log('Koncna visina desnega bloka: '+final_height_right_block);
|
|
}
|
|
//console.log('Koncna visina desnega bloka: '+final_height_right_block);
|
|
/* if (default_height_flag == 1){
|
|
//trenutna visina celotnega vprasanja
|
|
var default_var_height = $('#spremenljivka_'+spremenljivka).height();
|
|
}else if(default_height_flag == 0){
|
|
var default_var_height = default_var_height_1[spremenljivka];
|
|
} */
|
|
|
|
|
|
var default_var_height_now = $('#spremenljivka_'+spremenljivka).height();
|
|
//console.log("default_var_height: "+default_var_height_now);
|
|
var default_var_height = $('#spremenljivka_'+spremenljivka).height();
|
|
|
|
//ce je visina okvirja (levi ali desni) z naslovom vprasanja vecja od visine celotnega vprasanja
|
|
if( (default_var_height < (frame_height_left + naslov_height)) || (default_var_height < (final_height_right_block + naslov_height)) ){
|
|
if(frame_height_left < final_height_right_block){
|
|
//console.log("Levi manjsi od desnega");
|
|
//dynamic_question_height_sub(final_height_right_block, spremenljivka, default_var_height); //glede na visino desnega bloka uredi velikost celotnega vprasanja
|
|
dynamic_question_height_sub(final_height_right_block, spremenljivka); //glede na visino desnega bloka uredi velikost celotnega vprasanja
|
|
}else if(frame_height_left > final_height_right_block){
|
|
//console.log("Levi vecji od desnega");
|
|
//dynamic_question_height_sub(frame_height_left, spremenljivka, default_var_height); //glede na visino levega bloka uredi velikost celotnega vprasanja
|
|
dynamic_question_height_sub(frame_height_left, spremenljivka); //glede na visino levega bloka uredi velikost celotnega vprasanja
|
|
}
|
|
}else if (frame_height_left < final_height_right_block){
|
|
$('#spremenljivka_'+spremenljivka).height(final_height_right_block + naslov_height + 50);
|
|
//console.log("Spreminjam A1");
|
|
//da ne bo pri mobilnikih prevec skrito vprasanje, spremeni visino variable_holder
|
|
$('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').height(final_height_right_block + 25);
|
|
}else if (frame_height_left > final_height_right_block){
|
|
$('#spremenljivka_'+spremenljivka).height(frame_height_left + naslov_height + 50);
|
|
//console.log("Spreminjam A2");
|
|
//da ne bo pri mobilnikih prevec skrito vprasanje, spremeni visino variable_holder
|
|
$('#spremenljivka_'+spremenljivka+' div.variable_holder.clr').height(frame_height_left + 25);
|
|
}
|
|
|
|
//************************************ konec - dinamicna visina celotnega vprasanja glede na visino prenesenih desnih okvirjev
|
|
} |