issue102, use javascript to jump to the correct thumbnail when returing from photo...

[phpfspot.git] / phpfspot.js

diff --git a/phpfspot.js b/phpfspot.js
index d11f52477649edc2840e058cba4c603baf8f1172..e24d0aa76195b3d9bf3f467b0532fa4e161f8e50 100644 (file)
--- a/phpfspot.js
+++ b/phpfspot.js
@@ -1,9 +1,24 @@
-function showImage(id)
+function showImage(id, scrollup)

 {
 {

-   var image_div = document.getElementById("content");
-   image_div.innerHTML = HTML_AJAX.grab(encodeURI('rpc.php?action=showphoto&id=' + id));
+   HTML_AJAX.replace(document.getElementById("content"), encodeURI('rpc.php?action=showphoto&id=' + id));
+
+   /* scroll the window up to the top */
+   if(scrollup != undefined) {
+      window.scrollTo(0,0);
+   }

 }
 
 }
 

+function moveToThumb(thumb_id)
+{
+   if(thumb_id == undefined)
+      return;
+
+   if(thumbimg = document.getElementById('thumbimg' + thumb_id)) {
+      window.scrollTo(0, thumbimg.offsetTop-100);
+   }
+
+} // moveToThumb()
+

 function showCredits()
 {
    var credits = document.getElementById("content");
 function showCredits()
 {
    var credits = document.getElementById("content");


@@ -12,24 +27,35 @@ function showCredits()
 
 function Tags(mode, id)
 {
 
 function Tags(mode, id)
 {

+   var objTemp = new Object();
+

    if(mode == "add") {
    if(mode == "add") {

-      // add the tag to users session
-      HTML_AJAX.grab(encodeURI('rpc.php?action=addtag&id=' + id));
+      // add tag to users session
+      objTemp['action'] = 'addtag';
+      objTemp['id'] = id;

    }
    else if(mode == "del") {
    }
    else if(mode == "del") {

-      // del the tag from users session
-      HTML_AJAX.grab(encodeURI('rpc.php?action=deltag&id=' + id));
+      // del tag from users session
+      objTemp['action'] = 'deltag';
+      objTemp['id'] = id;

    }
    else if(mode == "condition") {
       setCheckedValue(id, id.value);
    }
    else if(mode == "condition") {
       setCheckedValue(id, id.value);

-      HTML_AJAX.grab(encodeURI('rpc.php?action=tagcondition&mode=' + id.value));
+      objTemp['action'] = 'tagcondition';
+      objTemp['mode'] = id.value;

    }
 
    }
 

-   refreshAvailableTags();
-   refreshSelectedTags();
-   refreshPhotoIndex();
+   var retr = HTML_AJAX.post('rpc.php', objTemp);
+   if(retr == "ok") {
+      refreshAvailableTags();
+      refreshSelectedTags();
+      refreshPhotoIndex();
+   }
+   else {
+      window.alert(retr);
+   }

 
 

-}
+} // Tags()

 
 function refreshAvailableTags()
 {
 
 function refreshAvailableTags()
 {


@@ -47,13 +73,17 @@ function refreshSelectedTags()
    selected_tags.innerHTML = HTML_AJAX.grab(encodeURI('rpc.php?action=show_selected_tags'));
 }
 
    selected_tags.innerHTML = HTML_AJAX.grab(encodeURI('rpc.php?action=show_selected_tags'));
 }
 

-function showPhotoIndex(begin_with)
+function showPhotoIndex(begin_with, last_photo)

 {
 {

-   if(begin_with == undefined)
-      HTML_AJAX.replace(document.getElementById("content"), encodeURI('rpc.php?action=show_photo_index'));
-   else
-      HTML_AJAX.replace(document.getElementById("content"), encodeURI('rpc.php?action=show_photo_index&begin_with=' + begin_with));
-}
+   var url = "rpc.php?action=show_photo_index";
+   if(begin_with != undefined)
+      url = url + '&begin_with=' + begin_with;
+   if(last_photo != undefined)
+      url = url + '&last_photo=' + last_photo;
+
+   HTML_AJAX.replace(document.getElementById("content"), encodeURI(url));
+
+} // showPhotoIndex()

 
 // if photo index is currently shown, refresh it
 function refreshPhotoIndex()
 
 // if photo index is currently shown, refresh it
 function refreshPhotoIndex()


@@ -92,9 +122,6 @@ function setCheckedValue(condition, value) {
 
 function startSearch()
 {
 
 function startSearch()
 {

-   var searchfor_tag = document.getElementsByName('searchfor_tag')[0].value;
-   var searchfor_name = document.getElementsByName('searchfor_name')[0].value;
-

    from_year = document.getElementById('fromyear').value;
    from_month = document.getElementById('frommonth').value;
    from_day = document.getElementById('fromday').value;
    from_year = document.getElementById('fromyear').value;
    from_month = document.getElementById('frommonth').value;
    from_day = document.getElementById('fromday').value;


@@ -104,27 +131,31 @@ function startSearch()
    to_day = document.getElementById('today').value;
    to = to_year +"-"+ to_month +"-"+ to_day;
 
    to_day = document.getElementById('today').value;
    to = to_year +"-"+ to_month +"-"+ to_day;
 

-   var request = 'rpc.php?action=search';
+   var objTemp = new Object();
+   objTemp['action'] = 'search';

 
 

-   if(searchfor_tag != "") {
-      request = request + '&for_tag=' + searchfor_tag;
+   if(document.getElementsByName('searchfor_tag')[0].value != "") {
+      objTemp['for_tag'] = document.getElementsByName('searchfor_tag')[0].value;

    }
    }

-   
-   if(searchfor_name != "") {
-      request = request + '&for_name=' + searchfor_name;
+   if(document.getElementsByName('searchfor_name')[0].value != "") {
+      objTemp['for_name'] = document.getElementsByName('searchfor_name')[0].value;

    }
    }

-   

    if(document.getElementsByName('consider_date')[0].checked == true) {
    if(document.getElementsByName('consider_date')[0].checked == true) {

-      request = request + '&from='+ from +'&to='+ to;
+      objTemp['from'] = from;
+      objTemp['to'] = to;

    }
 
    }
 

-   HTML_AJAX.grab(encodeURI(request));
+   var retr = HTML_AJAX.post('rpc.php', objTemp);
+   if(retr == "ok") {
+      refreshAvailableTags();
+      refreshSelectedTags();
+      showPhotoIndex();
+   }
+   else {
+      window.alert(retr);
+   }

 
 

-   refreshAvailableTags();
-   refreshSelectedTags();
-   showPhotoIndex();
-   
-}
+} // startSearch()

 
 function datesearch()
 {
 
 function datesearch()
 {