Updating page editor hooks for v4.9.3

From Sohowiki
(Difference between revisions)
Jump to: navigation, search
(The Easy Way To Update)
(The Easy Way To Update)
Line 11: Line 11:
 
<pre>
 
<pre>
 
function OkScrollData() {
 
function OkScrollData() {
doOperation = 0;
+
  doOperation = 0;
 
+
 
 
   var dataTrue = dataData.search("pixel.gif");
 
   var dataTrue = dataData.search("pixel.gif");
 
+
 
disOne = $('scrollname').selectedIndex;
+
  disOne = $('scrollname').selectedIndex;
tscrollval = eval("$('scrollname').options["+disOne+"].value");
+
  tscrollval = eval("$('scrollname').options["+disOne+"].value");
tscrollname = eval("$('scrollname').options["+disOne+"].innerHTML");
+
  tscrollname = eval("$('scrollname').options["+disOne+"].innerHTML");
 
+
 
tscrollname = tscrollname.toString();
+
  tscrollname = tscrollname.toString();
  
 
   TextHeader = "<img src=images/text_header.gif width=199 height=15 border=0 align=left vspace=0 hspace=0 style='cursor: move;'><BR CLEAR=ALL>";
 
   TextHeader = "<img src=images/text_header.gif width=199 height=15 border=0 align=left vspace=0 hspace=0 style='cursor: move;'><BR CLEAR=ALL>";
TableStart = "<table border=0 cellpadding=2 cellspacing=0 style='border: 1px inset black; background: #EFEFEF;'><tr><td width=199 align=center valign=top>";
+
  TableStart = "<table border=0 cellpadding=2 cellspacing=0 style='border: 1px inset black; background: #EFEFEF;'><tr><td width=199 align=center valign=top>";
    TableEnd = "</td></tr></table><!-- ~~~ -->";
+
   TableEnd = "</td></tr></table><!-- ~~~ -->";
   
+
// TableStart = "<div id=\"scrollId1\" style=\"height: 120px;\" class=\"droppedItem\"><table border=0 cellpadding=2 cellspacing=0 style='border: 1px inset black; background: #EFEFEF;'><tr><td width=199 align=center valign=top>";
+
//   TableEnd = "</td></tr></table></div><!-- ~~~ -->";
+
 
+
if (dataTrue > 0) {
+
sText = TableStart+TextHeader+"<font style='font-family: Arial; font-size: 8pt;'><U><font color=darkblue>Scroll Box : "+tscrollname+"</font></U></FONT><!-- ##SCROLLNEWS;"+tscrollval+"## -->"+TableEnd;
+
doOperation = 1;
+
} else {
+
sText = dataData+"<BR>"+TableStart+TextHeader+"<font style='font-family: Arial; font-size: 8pt;'><U><font color=darkblue>Scroll Box : "+tscrollname+"</font></U></FONT><!-- ##SCROLLNEWS;"+tscrollval+"## -->"+TableEnd;
+
doOperation = 1;
+
}
+
  
if (doOperation == 1) {
+
  if (dataTrue > 0) {
document.getElementById(ColRowID).innerHTML= sText;
+
  sText = TableStart+TextHeader+"<font style='font-family: Arial; font-size: 8pt;'><U><font color=darkblue>Scroll Box : "+tscrollname+"</font></U></FONT><!-- ##SCROLLNEWS;"+tscrollval+"## -->"+TableEnd;
document.getElementById(ColRowID).style.backgroundColor= "#FFFFFF";
+
  doOperation = 1;
}
+
  } else {
  $('scrollname').selectedIndex = 0; // Reset Selection to Nothing(Null)
+
  sText = dataData+"<BR>"+TableStart+TextHeader+"<font style='font-family: Arial; font-size: 8pt;'><U><font color=darkblue>Scroll Box : "+tscrollname+"</font></U></FONT><!-- ##SCROLLNEWS;"+tscrollval+"## -->"+TableEnd;
 
+
  doOperation = 1;
  if ( window.checkPageAreas ){
+
  }
 +
 
 +
  if (doOperation == 1) {
 +
  document.getElementById(ColRowID).innerHTML= sText;
 +
  document.getElementById(ColRowID).style.backgroundColor= "#FFFFFF";
 +
  }
 +
  $('scrollname').selectedIndex = 0; // Reset Selection to Nothing(Null)
 +
 
 +
  if ( window.checkPageAreas ){
 
       checkPageAreas('start');
 
       checkPageAreas('start');
 
   }
 
   }

Revision as of 12:08, 27 November 2007

The Easy Way To Update

Within your object javascript simply add the following to the end, that is, after you have placed your object into the cell.

if ( window.checkPageAreas ){
   checkPageAreas('start');
}

Our scrolling newsbox OkScrollData() function now looks like this.

function OkScrollData() {
   doOperation = 0;
   
   var dataTrue = dataData.search("pixel.gif");
   
   disOne = $('scrollname').selectedIndex;
   tscrollval = eval("$('scrollname').options["+disOne+"].value");
   tscrollname = eval("$('scrollname').options["+disOne+"].innerHTML");
   
   tscrollname = tscrollname.toString();

   TextHeader = "<img src=images/text_header.gif width=199 height=15 border=0 align=left vspace=0 hspace=0 style='cursor: move;'><BR CLEAR=ALL>";
   TableStart = "<table border=0 cellpadding=2 cellspacing=0 style='border: 1px inset black; background: #EFEFEF;'><tr><td width=199 align=center valign=top>";
   TableEnd = "</td></tr></table><!-- ~~~ -->";

   if (dataTrue > 0) {
   	sText = TableStart+TextHeader+"<font style='font-family: Arial; font-size: 8pt;'><U><font color=darkblue>Scroll Box : "+tscrollname+"</font></U></FONT><!-- ##SCROLLNEWS;"+tscrollval+"## -->"+TableEnd;
   	doOperation = 1;
   } else {
   	sText = dataData+"<BR>"+TableStart+TextHeader+"<font style='font-family: Arial; font-size: 8pt;'><U><font color=darkblue>Scroll Box : "+tscrollname+"</font></U></FONT><!-- ##SCROLLNEWS;"+tscrollval+"## -->"+TableEnd;
   	doOperation = 1;
   }
   
   if (doOperation == 1) {
   	document.getElementById(ColRowID).innerHTML= sText;
   	document.getElementById(ColRowID).style.backgroundColor= "#FFFFFF";
   }
   $('scrollname').selectedIndex = 0;	// Reset Selection to Nothing(Null)
   
   if ( window.checkPageAreas ){
      checkPageAreas('start');
   }
}

And thats it :)

Final note

The new page_editor.php uses a XHTML 1.0 Strict doctype and may effect the look/feel of your properties layer.

Personal tools