Uno
de los scripts que más vamos a utilizar en SageCRM es el script de ocultar
campos según los valores de otros campos.
Como
ya hemos visto en otros posts, esto lo podemos hacer con JavaScript “puro” o
desde la versión 7.1 SP2 con jQuery.
En este ejemplo vamos a ver como mostrar/ocultar un campo
de una comunicación según el valor del tipo de comunicación.
Si
lo hacemos con JavaScript puro veremos que necesitamos más líneas de código y
necesitamos verificar el navegador del cliente.
En
ambos casos, el script lo definiremos dentro del “script de contenido
personalizado” de la pantalla correspondiente.
En
el script de modificación del campo que modificaremos para que se
muestre/oculte el otro campo simplemente hemos de escribir:
OcultarCampos(this.value) //OcultarCampos es el nombre definido dentro
del script
Ocultar Campos con JavaScript
|
<script>
if
(window.addEventListener) {
window.addEventListener("load", inicio, false);
}
else {
window.attachEvent("onload", inicio);
}
function
inicio() {
obj = document.getElementById("comm_action")
if
(obj != null) //Modo Edición
{
OcultarCampos(obj.value)
}
else //Modo Vista
{
obj = document.getElementById("_Datacomm_action")
if (window.addEventListener) {
OcultarCampos(obj.innerHTML)
}
else
{
OcultarCampos(obj.innerText)
}
}
}
function
OcultarCampos(valor) {
if
((valor == "Navidad") || (valor
== "Navidad ") || (valor == "Navidad ")) {
obj = document.getElementById("_Captcomm_anyonavidad")
obj.style.visibility = "visible"
obj = document.getElementById("_Datacomm_anyonavidad")
obj.style.visibility = "visible"
}
else
{
obj =
document.getElementById("_Captcomm_anyonavidad")
obj.style.visibility = "hidden"
obj = document.getElementById("_Datacomm_anyonavidad")
obj.style.visibility = "hidden"
}
}
</script>
|
Ocultar Campos con jQuery
|
<script>
jQuery(document).ready(function () {
val = new
String(jQuery("#comm_action").val());
if
(val == "undefined")
val = jQuery("#_Datacomm_action").html();
OcultarCampos(val);
});
function
OcultarCampos(valor) {
if
((valor == "Navidad") || (valor
== "Navidad ") || (valor == "Navidad ")) {
jQuery("#_Datacomm_anyonavidad").css('visibility', 'visible');
jQuery("#_Captcomm_anyonavidad").css('visibility', 'visible');
}
else
{
jQuery("#_Datacomm_anyonavidad").css('visibility', 'hidden');
jQuery("#_Captcomm_anyonavidad").css('visibility', 'hidden');
}
}
</script>
|
No hay comentarios:
Publicar un comentario