Estandarizacióe "Placeholder" para al campo "Search" en los listados para el "Classic Designer"

Se cambio el texto del placeholder de los campos de busqueda
This commit is contained in:
marcelo.cuiza
2015-05-14 11:43:22 -04:00
parent 6172b33e1b
commit dc3188542f
8 changed files with 171 additions and 9 deletions

View File

@@ -12,7 +12,29 @@
<PAGED_TABLE_ID type="private"/> <PAGED_TABLE_ID type="private"/>
<PAGED_TABLE_FAST_SEARCH type="FastSearch" label="@G::LoadTranslation(ID_SEARCH)"/> <PAGED_TABLE_FAST_SEARCH type="FastSearch" label="@G::LoadTranslation(ID_SEARCH)"/>
<JS type="javascript"><![CDATA[ <JS type="javascript"><![CDATA[
document.getElementById("form[PAGED_TABLE_FAST_SEARCH]").placeholder = "@G::LoadTranslation(ID_EMPTY_SEARCH)";
add_placeholder("form[PAGED_TABLE_FAST_SEARCH]","@G::LoadTranslation(ID_EMPTY_SEARCH)");
function add_placeholder (id, placeholder) {
var el = document.getElementById(id);
el.placeholder = placeholder;
el.onfocus = function () {
if(this.value == this.placeholder) {
this.value = '';
el.style.cssText = '';
}
};
el.onblur = function () {
if(this.value.length == 0) {
this.value = this.placeholder;
el.style.cssText = 'color:#A9A9A9;';
}
};
el.onblur();
}
function $_GET(q,s) { function $_GET(q,s) {
s = (s) ? s : self.location.search; s = (s) ? s : self.location.search;
var re = new RegExp('&'+q+'=([^&]*)','i'); var re = new RegExp('&'+q+'=([^&]*)','i');

View File

@@ -8,7 +8,27 @@
<PAGED_TABLE_FAST_SEARCH type="FastSearch" label="@G::LoadTranslation(ID_SEARCH)"/> <PAGED_TABLE_FAST_SEARCH type="FastSearch" label="@G::LoadTranslation(ID_SEARCH)"/>
<SEARCH_FILTER_FORM type="private"/> <SEARCH_FILTER_FORM type="private"/>
<js type="javascript" replaceTags="1"><![CDATA[ <js type="javascript" replaceTags="1"><![CDATA[
document.getElementById("form[PAGED_TABLE_FAST_SEARCH]").placeholder = "@G::LoadTranslation(ID_EMPTY_SEARCH)"; add_placeholder("form[PAGED_TABLE_FAST_SEARCH]","@G::LoadTranslation(ID_EMPTY_SEARCH)");
var currentPagedTable = @#PAGED_TABLE_ID; function add_placeholder (id, placeholder) {
var el = document.getElementById(id);
el.placeholder = placeholder;
el.onfocus = function () {
if(this.value == this.placeholder) {
this.value = '';
el.style.cssText = '';
}
};
el.onblur = function () {
if(this.value.length == 0) {
this.value = this.placeholder;
el.style.cssText = 'color:#A9A9A9;';
}
};
el.onblur();
}
var currentPagedTable = @#PAGED_TABLE_ID;
]]></js> ]]></js>
</dynaForm> </dynaForm>

View File

@@ -13,7 +13,27 @@
<dynaformsFlatEditor type="private" defaultValue="../dynaforms/dynaforms_FlatEditor"/> <dynaformsFlatEditor type="private" defaultValue="../dynaforms/dynaforms_FlatEditor"/>
<dynaformsDelete type="private" defaultValue="../dynaforms/dynaforms_Delete"/> <dynaformsDelete type="private" defaultValue="../dynaforms/dynaforms_Delete"/>
<js type="javascript" replaceTags="1"><![CDATA[ <js type="javascript" replaceTags="1"><![CDATA[
document.getElementById("form[PAGED_TABLE_FAST_SEARCH]").placeholder = "@G::LoadTranslation(ID_EMPTY_SEARCH)"; add_placeholder("form[PAGED_TABLE_FAST_SEARCH]","@G::LoadTranslation(ID_EMPTY_SEARCH)");
function add_placeholder (id, placeholder) {
var el = document.getElementById(id);
el.placeholder = placeholder;
el.onfocus = function () {
if(this.value == this.placeholder) {
this.value = '';
el.style.cssText = '';
}
};
el.onblur = function () {
if(this.value.length == 0) {
this.value = this.placeholder;
el.style.cssText = 'color:#A9A9A9;';
}
};
el.onblur();
}
function dynaformAdd(){ function dynaformAdd(){
popupWindow("@G::LoadTranslation(ID_NEW_DYNAFORM)", "@G::encryptlink(@#dynaformsChoseType)?PRO_UID=@%PRO_UID" , 500, 225); popupWindow("@G::LoadTranslation(ID_NEW_DYNAFORM)", "@G::encryptlink(@#dynaformsChoseType)?PRO_UID=@%PRO_UID" , 500, 225);
//popupWindow('@G::LoadTranslation(ID_NEW_DYNAFORM)', '@G::encryptlink(@#dynaformsNewPlugin)?PRO_UID=@%PRO_UID' , 500, 350); //popupWindow('@G::LoadTranslation(ID_NEW_DYNAFORM)', '@G::encryptlink(@#dynaformsNewPlugin)?PRO_UID=@%PRO_UID' , 500, 350);

View File

@@ -9,7 +9,27 @@
<inputdocsEdit type="private" defaultValue="../inputdocs/inputdocs_Edit"/> <inputdocsEdit type="private" defaultValue="../inputdocs/inputdocs_Edit"/>
<inputdocsDelete type="private" defaultValue="../inputdocs/inputdocs_Delete"/> <inputdocsDelete type="private" defaultValue="../inputdocs/inputdocs_Delete"/>
<js type="javascript" replaceTags="1"><![CDATA[ <js type="javascript" replaceTags="1"><![CDATA[
document.getElementById("form[PAGED_TABLE_FAST_SEARCH]").placeholder = "@G::LoadTranslation(ID_EMPTY_SEARCH)"; add_placeholder("form[PAGED_TABLE_FAST_SEARCH]","@G::LoadTranslation(ID_EMPTY_SEARCH)");
function add_placeholder (id, placeholder) {
var el = document.getElementById(id);
el.placeholder = placeholder;
el.onfocus = function () {
if(this.value == this.placeholder) {
this.value = '';
el.style.cssText = '';
}
};
el.onblur = function () {
if(this.value.length == 0) {
this.value = this.placeholder;
el.style.cssText = 'color:#A9A9A9;';
}
};
el.onblur();
}
var currentPagedTable = @#PAGED_TABLE_ID; var currentPagedTable = @#PAGED_TABLE_ID;
function inputdocsAdd(){//alert('@G::encryptlink(@#inputdocsEdit)?PRO_UID=@%PRO_UID'); function inputdocsAdd(){//alert('@G::encryptlink(@#inputdocsEdit)?PRO_UID=@%PRO_UID');
popupWindow('@G::LoadTranslation(ID_NEW_INPUTDOCS)', '@G::encryptlink(@#inputdocsEdit)?PRO_UID=@%PRO_UID' , 500, 410); popupWindow('@G::LoadTranslation(ID_NEW_INPUTDOCS)', '@G::encryptlink(@#inputdocsEdit)?PRO_UID=@%PRO_UID' , 500, 410);

View File

@@ -1,7 +1,27 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<dynaForm type="xmlmenu"><MNU_ADD type="link" value="" link="#" onclick="outputdocsAdd(); return false;" colAlign="left" colWidth="100"><en><![CDATA[New]]></en></MNU_ADD><PAGED_TABLE_ID type="private"/><PAGED_TABLE_FAST_SEARCH type="FastSearch" label="@G::LoadTranslation(ID_SEARCH)"/><PRO_UID type="private"/><![CDATA[> <dynaForm type="xmlmenu"><MNU_ADD type="link" value="" link="#" onclick="outputdocsAdd(); return false;" colAlign="left" colWidth="100"><en><![CDATA[New]]></en></MNU_ADD><PAGED_TABLE_ID type="private"/><PAGED_TABLE_FAST_SEARCH type="FastSearch" label="@G::LoadTranslation(ID_SEARCH)"/><PRO_UID type="private"/><![CDATA[>
]]><outputdocs_New type="private" defaultValue="../outputdocs/outputdocs_New"/><outputdocs_Edit type="private" defaultValue="../outputdocs/outputdocs_Edit"/><outputdocs_Properties type="private" defaultValue="../outputdocs/outputdocs_Properties"/><outputdocs_Delete type="private" defaultValue="../outputdocs/outputdocs_Delete"/><js type="javascript" replaceTags="1"><![CDATA[ ]]><outputdocs_New type="private" defaultValue="../outputdocs/outputdocs_New"/><outputdocs_Edit type="private" defaultValue="../outputdocs/outputdocs_Edit"/><outputdocs_Properties type="private" defaultValue="../outputdocs/outputdocs_Properties"/><outputdocs_Delete type="private" defaultValue="../outputdocs/outputdocs_Delete"/><js type="javascript" replaceTags="1"><![CDATA[
document.getElementById("form[PAGED_TABLE_FAST_SEARCH]").placeholder = "@G::LoadTranslation(ID_EMPTY_SEARCH)"; add_placeholder("form[PAGED_TABLE_FAST_SEARCH]","@G::LoadTranslation(ID_EMPTY_SEARCH)");
function add_placeholder (id, placeholder) {
var el = document.getElementById(id);
el.placeholder = placeholder;
el.onfocus = function () {
if(this.value == this.placeholder) {
this.value = '';
el.style.cssText = '';
}
};
el.onblur = function () {
if(this.value.length == 0) {
this.value = this.placeholder;
el.style.cssText = 'color:#A9A9A9;';
}
};
el.onblur();
}
var currentPagedTable = @#PAGED_TABLE_ID; var currentPagedTable = @#PAGED_TABLE_ID;
var outputdocsEditor; var outputdocsEditor;

View File

@@ -5,7 +5,27 @@
<PAGED_TABLE_ID type="private"/> <PAGED_TABLE_ID type="private"/>
<PAGED_TABLE_FAST_SEARCH type="FastSearch" label="@G::LoadTranslation(ID_SEARCH)"/> <PAGED_TABLE_FAST_SEARCH type="FastSearch" label="@G::LoadTranslation(ID_SEARCH)"/>
<JS type="javascript"><![CDATA[ <JS type="javascript"><![CDATA[
document.getElementById("form[PAGED_TABLE_FAST_SEARCH]").placeholder = "@G::LoadTranslation(ID_EMPTY_SEARCH)"; add_placeholder("form[PAGED_TABLE_FAST_SEARCH]","@G::LoadTranslation(ID_EMPTY_SEARCH)");
function add_placeholder (id, placeholder){
var el = document.getElementById(id);
el.placeholder = placeholder;
el.onfocus = function () {
if(this.value == this.placeholder) {
this.value = '';
el.style.cssText = '';
}
};
el.onblur = function () {
if(this.value.length == 0) {
this.value = this.placeholder;
el.style.cssText = 'color:#A9A9A9;';
}
};
el.onblur();
}
]]></JS> ]]></JS>
</dynaForm> </dynaForm>

View File

@@ -19,7 +19,27 @@
<PAGED_TABLE_ID type="private"/> <PAGED_TABLE_ID type="private"/>
<PAGED_TABLE_FAST_SEARCH type="FastSearch" label="@G::LoadTranslation(ID_SEARCH)"/> <PAGED_TABLE_FAST_SEARCH type="FastSearch" label="@G::LoadTranslation(ID_SEARCH)"/>
<JS type="javascript" replaceTags="1"><![CDATA[ <JS type="javascript" replaceTags="1"><![CDATA[
document.getElementById("form[PAGED_TABLE_FAST_SEARCH]").placeholder = "@G::LoadTranslation(ID_EMPTY_SEARCH)"; add_placeholder("form[PAGED_TABLE_FAST_SEARCH]","@G::LoadTranslation(ID_EMPTY_SEARCH)");
function add_placeholder (id, placeholder){
var el = document.getElementById(id);
el.placeholder = placeholder;
el.onfocus = function () {
if(this.value == this.placeholder) {
this.value = '';
el.style.cssText = '';
}
};
el.onblur = function () {
if(this.value.length == 0) {
this.value = this.placeholder;
el.style.cssText = 'color:#A9A9A9;';
}
};
el.onblur();
}
var windowWidth = 600; var windowWidth = 600;
var windowHeight = 460; var windowHeight = 460;

View File

@@ -6,6 +6,26 @@
<PAGED_TABLE_ID type="private"/> <PAGED_TABLE_ID type="private"/>
<PAGED_TABLE_FAST_SEARCH type="FastSearch" label="@G::LoadTranslation(ID_SEARCH)"/> <PAGED_TABLE_FAST_SEARCH type="FastSearch" label="@G::LoadTranslation(ID_SEARCH)"/>
<JS type="javascript"><![CDATA[ <JS type="javascript"><![CDATA[
document.getElementById("form[PAGED_TABLE_FAST_SEARCH]").placeholder = "@G::LoadTranslation(ID_EMPTY_SEARCH)"; add_placeholder("form[PAGED_TABLE_FAST_SEARCH]","@G::LoadTranslation(ID_EMPTY_SEARCH)");
function add_placeholder (id, placeholder){
var el = document.getElementById(id);
el.placeholder = placeholder;
el.onfocus = function () {
if(this.value == this.placeholder) {
this.value = '';
el.style.cssText = '';
}
};
el.onblur = function () {
if(this.value.length == 0) {
this.value = this.placeholder;
el.style.cssText = 'color:#A9A9A9;';
}
};
el.onblur();
}
]]></JS> ]]></JS>
</dynaForm> </dynaForm>