diff options
Diffstat (limited to 'admin/survey/script/ImageHotSpot/imageHotspot.js')
| -rw-r--r-- | admin/survey/script/ImageHotSpot/imageHotspot.js | 365 |
1 files changed, 365 insertions, 0 deletions
diff --git a/admin/survey/script/ImageHotSpot/imageHotspot.js b/admin/survey/script/ImageHotSpot/imageHotspot.js new file mode 100644 index 0000000..e8c6b9e --- /dev/null +++ b/admin/survey/script/ImageHotSpot/imageHotspot.js @@ -0,0 +1,365 @@ +//function init_colorPicker(id, type) {
+function init_colorPicker(id) {
+ // init farbtastic
+ var colorPicker = '#picker';
+
+ //var f = $.farbtastic('#picker_region');
+ var f = $.farbtastic(colorPicker);
+ //var p = $('#picker_region').hide();
+ var p = $(colorPicker).hide();
+ var selected;
+ $('.colorwell')
+ .each(function () { f.linkTo(this); $(this).css('opacity', 0.75); })
+ .focus(function() {
+ if (selected) {
+ $(selected).css('opacity', 0.75).removeClass('colorwell-selected');
+ }
+ f.linkTo(this);
+ p.show();
+ $(selected = this).css('opacity', 1).addClass('colorwell-selected');
+ });
+
+
+
+ // init auto save
+ $('.auto-save').change(function () {
+ //console.log("Changed");
+ //te_auto_save(this, true, id);
+ }).blur(function () {
+ //$('#picker_region').hide();
+ $(colorPicker).hide();
+ vprasanje_save(true);
+ });
+
+ $('.farbtastic').mouseup(function(){ //ko se dvigne prst iz gumba miske pri izbiri barve iz kroga
+ vprasanje_save(true); //shrani barvo
+ });
+}
+
+//funkcija, ki skrbi za delovanje nastavitve o osvetljevanju
+function hotspot_region_visibility_option_checkbox_prop (spremenljivka)
+{
+ if( $('#hotspot_region_visibility_options_'+spremenljivka).is( ":checked" )){ //ce hocemo vidne klike
+ $('#hotspot_region_visibility_option_'+spremenljivka).prop('disabled', true); //disable hidden polje z obratno vrednostjo za checkbox
+ $('#hotspot_region_visibility_'+spremenljivka).css('display', '');
+ }
+ else {
+ $('#hotspot_region_visibility_option_'+spremenljivka).prop('disabled', false);
+ $('#hotspot_region_visibility_'+spremenljivka).css('display', 'none');
+ }
+}
+
+//funkcija, ki skrbi za delovanje nastavitve s komentarjem pri razvrscanju
+function hotspot_comment_option_checkbox_prop (spremenljivka)
+{
+ if( $('#hotspot_comment_options_'+spremenljivka).is( ":checked" )){ //ce hocemo vidne klike
+ $('#hotspot_comment_option_'+spremenljivka).prop('disabled', true); //disable hidden polje z obratno vrednostjo za checkbox
+ $('#hotspot_comment_'+spremenljivka).css('display', '');
+ }
+ else {
+ $('#hotspot_comment_option_'+spremenljivka).prop('disabled', false);
+ $('#hotspot_comment_'+spremenljivka).css('display', 'none');
+ }
+}
+
+
+//funkcija za urejanje in izbiro obmocij @ image hotspot
+function hotspot_edit_regions (spr_id, vre_id) {
+
+ if (vre_id == 0){ //ce je novo obmocje
+ var region_name = "";
+ //dobi in pripelji naslednjo vrednost, ki je prisotna po default v tabeli srv_vrednost
+ var next_vrednost = function(){
+ $.ajaxSetup({async:false}); //execute synchronously
+ var tmp = null;
+ $.post('ajax.php?t=vprasanje&a=get_next_hotspot_vrednost', {
+ spr_id: spr_id,
+ }, function (data) {
+ tmp = data;
+ });
+ return tmp;
+ }();
+
+ if(next_vrednost != ""){ //ce je vrednost ze prisotna v tabeli srv_vrednost
+ var vrednost = next_vrednost;
+ }else{ //ce vrednost ni prisotna v tabeli srv_vrednost, vnesi novo in pripeljijo sem
+ //console.log("Next je prazen");
+ //pridobitev vrednost oz. vre_id takoj po vnosu nove vrednosti v srv_vrednost + ureditev div za prikazovanje naslova obmocja
+ var vrednost = function(){
+ $.ajaxSetup({async:false}); //execute synchronously
+ var tmp = null;
+ $.post('ajax.php?t=vprasanje&a=hotspot_vrednost_new', {
+ spremenljivka: spr_id,
+ anketa: srv_meta_anketa_id
+ }, function (data) {
+ tmp = data;
+ });
+ return tmp;
+ }();
+ }
+ }else{ //ce preurejamo ze obstojece obmocje
+ var vrednost = vre_id;
+
+ //pridobitev ime obmocja, ki se ga trenutno ureja
+ var region_name = function(){
+ $.ajaxSetup({async:false}); //execute synchronously
+ var tmp = null;
+ $.post('ajax.php?t=vprasanje&a=hotspot_get_region_name', {
+ spr_id: spr_id,
+ vrednost: vrednost,
+ anketa: srv_meta_anketa_id
+ }, function (data) {
+ tmp = data;
+ });
+ return tmp;
+ }();
+ }
+
+ //console.log("Vrednost: "+vrednost);
+
+ //http slike za hotspot
+ var src_image = $('#spremenljivka_contentdiv'+spr_id).find('img').attr('src');
+ //var src_image = $('#vre_id_'+vrednost).find('img').attr('src');
+ //console.log("Src: "+src_image);
+
+ //height in width slike, ki smo jo postimali za hotspot
+ var hotspot_image_height = $('#hotspot_image_'+spr_id+'_hidden').find('img').css('height');
+ var hotspot_image_width = $('#hotspot_image_'+spr_id+'_hidden').find('img').css('width');
+ hotspot_image_height = parseInt(hotspot_image_height.replace('px','')); //nadomesti px s presledkom, da bo samo stevilo
+ hotspot_image_width = parseInt(hotspot_image_width.replace('px',''));
+ //console.log("hotspot_image_height: "+hotspot_image_height);
+ //console.log("hotspot_image_width: "+hotspot_image_width);
+
+ $('#fade').fadeTo('slow', 1);
+ $('#vrednost_edit').html('').fadeIn('slow').load('ajax.php?t=vprasanje&a=hotspot_edit_regions', {spr_id: spr_id, hotspot_image_height: hotspot_image_height, hotspot_image_width: hotspot_image_width, src_image: src_image, vrednost: vrednost, anketa: srv_meta_anketa_id, lang_id: srv_meta_lang_id, region_name: region_name},
+ function () {
+ //create_editor_hotspot('vrednost_naslov');
+ }
+ );
+}
+
+//funkcija za prikazovanje in shranjevanje izbrane slike @ image hotspot
+function hotspot_image_save (spr_id) {
+ var hotspot_image = $('#hotspot_image').val();
+
+ // probamo prebrat iz editorja, ce je bil nalozen
+ get_editor_close('hotspot_image');
+
+ $('#fade').fadeOut('slow');
+ $('#vrednost_edit').fadeOut('slow');
+
+ var paramArr = $("form[name=hotspot_image_edit]").serialize();
+
+ var query_string = paramArr;
+
+
+ //ce slika nima dimenzij
+
+ if(decodeURIComponent(query_string).indexOf("style=") == -1){
+
+ hotspot_image = decodeURIComponent(paramArr);
+ //console.log(hotspot_image);
+ var src_start = hotspot_image.indexOf('src');
+ var src_end = hotspot_image.indexOf('"', (src_start+5));
+ var src = hotspot_image.substring((src_start+5), src_end);
+
+ var img = new Image();
+ //img.src = "http://localhost/www/uploadi/editor/1464109632smiley.gif";
+ img.src = src;
+
+ var width = img.width;
+ var height = img.height;
+
+
+ query_string = query_string +"&width="+width+"&height="+height;
+ hotspot_append_hidden_image(spr_id, width, height, 1);
+ }
+ else{
+ hotspot_append_hidden_image(spr_id, 0, 0, 0);
+ }
+
+ $.post('ajax.php?t=vprasanje&a=hotspot_image_save', query_string, function (data) {
+ //console.log(data);
+ $('#hotspot_image_'+spr_id).html(data);
+ $('#hotspot_image_edit').html('');
+ });
+}
+
+function create_hotspot_input(vre_id, spr_id){
+
+}
+
+// preklici ureditev novega obmocja
+function hotspot_region_cancel (spr_id, vre_id) {
+
+ //remove_editor('vrednost_naslov');
+ //odstrani nepotrebne podatke iz baze
+ $.post('ajax.php?t=vprasanje&a=hotspot_region_cancel', {spr_id: spr_id, vre_id: vre_id});
+
+ //vrni se iz popup
+ $('#fade').fadeOut('slow');
+ $('#vrednost_edit').fadeOut('slow');
+}
+
+//funkcija za shranjevanje obmocja @ image hotspot
+function hotspot_save_regions (spr_id, last_hotspot_region_index, vre_id, hotspot_region_index) {
+ //var vrednost = $('input[name=vrednost]').val();
+ var hotspot_region_name = $('input[name=hotspot_region_name]').val();
+
+ var hotspot_region_coords = $('#hotspot_region_coords_'+spr_id).val();
+ //console.log("Saving region: "+hotspot_region_name);
+ //console.log("hotspot_region_coords: "+hotspot_region_coords);
+
+ //if (last_hotspot_region_index != -1){
+ last_hotspot_region_index = last_hotspot_region_index + 1;
+ //}
+
+ //obesi html za prikazovanje imena obmocja v oknu z nastavitvami
+ //$('#hot_spot_fieldset_'+spr_id).append('<div id="hotspot_region_name_'+last_hotspot_region_index+'" vre_id="'+vre_id+'" region_index = "'+last_hotspot_region_index+'" class="vrednost_inline" contenteditable="true"><input name="hotspot_region_name_'+last_hotspot_region_index+'" value="'+hotspot_region_name+'"><span class="sprites edit2 inline_hotspot_edit_region"></span><span class="sprites delete_orange inline_hotspot_delete_region"></span></br></div>');
+ if(hotspot_region_index == -2){ //ce se ne posodablja obmocja, je potrebno obesiti html za prikazovanje imena obmocja v oknu z nastavitvami
+ //$('#hot_spot_fieldset_'+spr_id).append('<div id="hotspot_region_'+last_hotspot_region_index+'" class="hotspot_region"><div id="hotspot_region_name_'+last_hotspot_region_index+'" vre_id="'+vre_id+'" region_index = "'+last_hotspot_region_index+'" class="hotspot_vrednost_inline" contenteditable="true">'+hotspot_region_name+'</div><span class="sprites edit2 inline_hotspot_edit_region"></span><span class="sprites delete_orange inline_hotspot_delete_region"></span></br></div>');
+ $('#hot_spot_fieldset_'+spr_id).prepend('<div id="hotspot_region_'+last_hotspot_region_index+'" class="hotspot_region"><div id="hotspot_region_name_'+last_hotspot_region_index+'" vre_id="'+vre_id+'" region_index = "'+last_hotspot_region_index+'" class="hotspot_vrednost_inline" contenteditable="true">'+hotspot_region_name+'</div><span class="sprites edit2 inline_hotspot_edit_region"></span><span class="faicon delete_circle icon-orange_link inline_hotspot_delete_region"></span></br></div>');
+ }else{ //drugace posodobi ime obmocja
+ $('#hotspot_region_name_'+hotspot_region_index).text(hotspot_region_name);
+ }
+
+ //pokazi nastavitve obmocja za heatmap
+ //$('#heatmap_region_settings_'+spr_id).css('display', ''); //pokazi nastavitve obmocja
+
+ //ali potrebujemo nov div variabla?
+ var new_hotspot_vrednost_needed = $('#vre_id_'+vre_id).attr('vre_id');
+
+ if(new_hotspot_vrednost_needed == undefined){
+ //$('#hotspot_regions_hidden_menu_'+spr_id).append('<div id="variabla_'+vre_id+'" class="variabla"><div id="vre_id_'+vre_id+'" class="vrednost_inline" vre_id="'+vre_id+'"></div>'+hotspot_region_name+'</div>');
+ $('#hotspot_regions_hidden_menu_'+spr_id).prepend('<div id="variabla_'+vre_id+'" class="variabla" style="display:none;"><div id="vre_id_'+vre_id+'" class="vrednost_inline" vre_id="'+vre_id+'"></div>'+hotspot_region_name+'</div>');
+ }else{
+ //vnesi v polje z vrednostmi naslov/ime obmocja
+ $('#vre_id_'+vre_id).text(hotspot_region_name);
+ }
+
+ //shrani potrebne podatke v bazo
+ $.post('ajax.php?t=vprasanje&a=hotspot_save_regions', {spr_id: spr_id, vre_id: vre_id, hotspot_region_name: hotspot_region_name , hotspot_region_coords: hotspot_region_coords, last_hotspot_region_index: last_hotspot_region_index, hotspot_region_index: hotspot_region_index});
+ //console.log("hotspot_save_regions");
+
+ //vrni se iz popup
+ $('#fade').fadeOut('slow');
+ $('#vrednost_edit').fadeOut('slow');
+}
+
+//funkcija za dinamicno dodajanje skrite slike, da se pobere dimenzije pri dodajanju obmocij @ image hotspot
+function hotspot_append_hidden_image(spr_id, width, height, no_dimensions){
+ var hotspot_image = $('#hotspot_image').val();
+ //console.log(hotspot_image);
+/* var hotspot_image_now = $('#hotspot_image_'+spr_id).html();
+ console.log(hotspot_image_now); */
+
+ var hotspot_image_hidden_height = $('#hotspot_image_'+spr_id+'_hidden').find('img').css('height');
+ if(hotspot_image_hidden_height == undefined){ //ce ni skrite slike, jo dodaj
+ $('#hotspot_image_'+spr_id+'_hidden').append(hotspot_image);
+ }
+ else if (hotspot_image == ''){ //ce ni slike
+ $('#hotspot_image_'+spr_id+'_hidden').find('img').remove();//odstrani skrito sliko
+ }
+
+ else{
+ $('#hotspot_image_'+spr_id+'_hidden').find('img').remove();//odstrani skrito sliko
+ $('#hotspot_image_'+spr_id+'_hidden').append(hotspot_image);
+ }
+
+ if (no_dimensions == 1){
+ //uredi dimenzije skrite slike
+ //console.log("No dimensions");
+ $('#hotspot_image_'+spr_id+'_hidden').find('img').css('height', height);
+ $('#hotspot_image_'+spr_id+'_hidden').find('img').css('width', width);
+ }
+
+
+/* console.log("height iz hidden: "+height);
+ console.log("width iz hidden: "+width); */
+
+}
+
+//funkcija za prikazovanje in skrivanje nastavitev image hotspot iz okna za dodajanje/odstranjevanje slike
+function show_hot_spot_settings_from_editor (spremenljivka, enota, tip){
+ var hotspot_image = $('#hotspot_image').val();
+
+ if((tip == 6 && enota == 10) || (tip == 1 && enota == 10) || (tip == 2 && enota == 10) || tip == 27 || (tip == 17 && enota == 3)){ //ce je tip vprasanja image hotspot ali heatmap
+
+ $('#hot_spot_fieldset_'+spremenljivka).css('display', '');//pokazi hot_spot_fieldset
+
+ if( (tip == 1) || (tip == 2) || (tip == 17 && enota == 3) ){ //ce je radio ali checkbox ali razvrscanje z image hotspot
+ $('#kategorije_odgovorov_'+spremenljivka).css('display', 'none');//skrij fieldset s kategorijami odgovorov
+ }
+
+
+ if ( (hotspot_image == '') || (hotspot_image.substring(0,4) != '<img') ){ //ce ni slike
+ $('#hot_spot_regions_add_button').css('display', 'none'); //skrij gumb za dodajanje obmocij
+ $('#hotspot_message').css('display', ''); //pokazi sporocilo, da je potrebno najprej dodati sliko
+ }else if (hotspot_image.substring(0,4) == '<img'){ //ce slika je prisotna
+ $('#hot_spot_regions_add_button').css('display', '');
+ $('#hotspot_message').css('display', 'none');
+ }
+
+ }else{ //ce ni tip vprasanja image hotspot ali heatmap
+ $('#hot_spot_fieldset_'+spremenljivka).css('display', 'none');//skrij hot_spot_fieldset
+ $('#kategorije_odgovorov_'+spremenljivka).css('display', '');//pokazi fieldset s kategorijami odgovorov
+
+ }
+}
+
+//funkcija za prikazovanje in skrivanje nastavitev image hotspot iz okna z nastavitvami trenutnega vprasanja
+function show_hot_spot_settings (spremenljivka, enota, tip){
+
+ //if((tip == 6 && enota == 10) || (tip == 1 && enota == 10) || (tip == 2 && enota == 10)){ //ce je tip vprasanja image hotspot
+ if((tip == 6 && enota == 10) || (tip == 1 && enota == 10) || (tip == 2 && enota == 10) || (tip == 17 && enota == 3)){ //ce je tip vprasanja image hotspot
+
+ $('#hot_spot_fieldset_'+spremenljivka).css('display', ''); //pokazi hot_spot_fieldset
+
+ if( (tip == 1) || (tip == 2) || (tip == 17 && enota == 3)){ //ce je radio ali checkbox ali razvrscanje z image hotspot
+ $('#kategorije_odgovorov_'+spremenljivka).css('display', 'none');//skrij fieldset s kategorijami odgovorov
+ }
+
+ //pridobitev hotspot_image
+ var hotspot_image = function(){ //dinamicna pridobitev parametra hotspot_image, ki hrani html za prikaz slike
+ $.ajaxSetup({async:false}); //execute synchronously
+ var tmp = null;
+ $.post('ajax.php?t=vprasanje&a=get_hotspot_image', {
+ spremenljivka: spremenljivka
+ }, function (data) {
+ tmp = data;
+ });
+ return tmp;
+ }();
+
+ if( (hotspot_image == '') || (hotspot_image.substring(0,4) != '<img') ) { //ce ni slike,
+ $('#hot_spot_regions_add_button').css('display', 'none'); //skrij gumb za dodajanje obmocij
+ $('#hotspot_message').css('display', ''); //pokazi sporocilo, da je potrebno najprej dodati sliko
+ }else if (hotspot_image.substring(0,4) == '<img'){ //ce slika je prisotna
+ $('#hot_spot_regions_add_button').css('display', '');
+ $('#hotspot_message').css('display', 'none');
+ }
+
+ //primerjaj stevilo vnosov v srv_vrednost in srv_hotspot_regions za trenutno spremenljivko in preuredi srv_vrednost, ce je to potrebno
+ var enako_stevilo_vnosov_za_hotspot = function(){ //dinamicna pridobitev stevila vnosov
+ $.ajaxSetup({async:false}); //execute synchronously
+ var tmp = null;
+ $.post('ajax.php?t=vprasanje&a=get_hotspot_stevilo_vnosov', {
+ spremenljivka: spremenljivka
+ }, function (data) {
+ tmp = data;
+ });
+ return tmp;
+ }();
+
+/* if (enako_stevilo_vnosov_za_hotspot == 0){
+ console.log("Stevilo ni enako!");
+ }else{
+ console.log("Stevilo je enako!");
+ } */
+ }else{ //ce ni tip vprasanja image hotspot
+ $('#hot_spot_fieldset_'+spremenljivka).css('display', 'none');//skrij hot_spot_fieldset
+ $('#kategorije_odgovorov_'+spremenljivka).css('display', '');//pokazi fieldset s kategorijami odgovorov
+
+
+ }
+}
\ No newline at end of file |