基于页面元素隐藏部分html代码

Hide parts of html code base on page elements

本文关键字:html 代码 隐藏部 于页面 元素      更新时间:2023-09-26

有时使用CMS可能会让人头疼,你需要进行一些修改,当你完成时,你会收到警报更新可用。。。你更新了你的CMS。。。哦,不,你所有的努力都被推翻了,你必须重新开始。。。

以下代码是我需要处理的代码:我需要隐藏这个代码的某些部分基于几个"参数"

这是代码:

<section class="grid-block" id="content">
<div id="system-message-container">
</div>
<div class="redshop" id="redshopcomponent"><form onsubmit="return CheckCardNumber(this);" enctype="multipart/form-data" id="adminForm" name="adminForm" method="post" action="/component/redshop/checkout.html"><div id="divOnestepCheckout"><table width="100%" cellspacing="2" cellpadding="2" border="0">
<tbody>
<tr>
<td>
<fieldset class="adminform">
<legend>Dirección de Facturación</legend>
<a rel="{handler: 'iframe', size: {x: 800, y: 550}}" href="/store/account_billto.html?tmpl=component&amp;for=true&amp;return=checkout&amp;Itemid=1" class="modal"> Editar</a> <br>Nombre : Tardoss<br>Apellidos : Notengo<br>Dirección : Lejos del Prado #32<br> Código postal : 51000<br>Ciudad : Mexico<br> País : Mexico<br>Provincia : México (Estado de)<br>Teléfono : 5565478963<br>E-mail : 
<script type="text/javascript">
<!--
var prefix = '&amp;#109;a' + 'i&amp;#108;' + '&amp;#116;o';
var path = 'hr' + 'ef' + '=';
var addy80186 = 't&amp;#97;rd&amp;#111;ss' + '&amp;#64;';
addy80186 = addy80186 + 'h&amp;#111;tm&amp;#97;&amp;#105;l' + '&amp;#46;' + 'c&amp;#111;m';
document.write('&lt;a ' + path + '''' + prefix + ':' + addy80186 + '''&gt;');
document.write(addy80186);
document.write('&lt;'/a&gt;');
//--&gt;'n </script><a href="mailto:example@hotmail.com">example@hotmail.com</a><script type="text/javascript">
<!--
document.write('&lt;span style=''display: none;''&gt;');
//--&gt;
</script><span style="display: none;">Esta dirección de correo electrónico está siendo protegida contra los robots de spam. Necesita tener JavaScript habilitado para poder verlo.
<script type="text/javascript">
<!--
document.write('&lt;/');
document.write('span&gt;');
//--&gt;
</script></span><br>
</fieldset>
</td>
</tr>
<tr>
<td>
<fieldset class="adminform">
<legend>Dirección de envío</legend>
<div><input type="radio" value="2" name="users_info_id" onclick="javascript:onestepCheckoutProcess(this.name,'');">Por defecto (Igual que la de facturación)</div><div><input type="radio" checked="checked" value="3" name="users_info_id" onclick="javascript:onestepCheckoutProcess(this.name,'');">Tardoss Notengos <a rel="{handler: 'iframe', size: {x: 570, y: 470}}" href="/store/addshipping/3.html?tmpl=component&amp;for=true&amp;return=checkout&amp;Itemid=1" class="modal">(Editar)</a> <a title="" href="http://www.forium.mx/index.php?option=c&amp;view=apto&amp;return=checkout&amp;tmpl=coent&amp;task=remove&amp;infoid=3&amp;Itemid=1">(Borrar)</a></div><a rel="{handler: 'iframe', size: {x: 570, y: 470}}" href="/component/redshop/account_shipto/addshipping.html?tmpl=cnt&amp;for=true&amp;return=checkout&amp;Itemid=1&amp;is_company=0" class="modal"> Añadir dirección</a>
</fieldset>
</td>
</tr>
<tr>
<td>
<table border="0">
<tbody>
<tr>
<td><div style="display:none;"><fieldset class="adminform">
<legend><strong>Envase para envío</strong></legend>
<div><input type="radio" value="1" '');'="" onclick="javascript:onestepCheckoutProcess(this.name,'" name="shipping_box_id" id="shipping_box_id1" checked=""><label for="shipping_box_id1">Box1</label><br></div>
</fieldset>
</div></td>
</tr>
<tr>
<td><div id="divShippingRate"><fieldset>
<legend><strong>Métodos de envío</strong></legend>
<div>
<h3>Envios con Bordado</h3>
<div>
<div><input type="radio" onclick="javascript:onestepCheckoutProcess(this.name,'default_shipping');" checked="" value="m8=" name="shipping_rate_id" id="shipping_rate_id_10025_0"><label for="shipping_rate_id_10025_0">De 10 a 15 dias apartir de la autorización</label> ($ 300 )</div>
<div><input type="radio" onclick="javascript:onestepCheckoutProcess(this.name,'default_shipping');" value="8cXI " name="shipping_rate_id" id="shipping_rate_id_10025_1"><label for="shipping_rate_id_10025_1">Envio Express de 3 a 5 dias apartir de la prueba de bordado</label> ($ 500 )</div>
<div><input type="radio" onclick="javascript:onestepCheckoutProcess(this.name,'default_shipping');" value="LA==" name="shipping_rate_id" id="shipping_rate_id_10025_2"><label for="shipping_rate_id_10025_2">Recojer en la tienda</label></div>
</div>
<h3>Envios sin Bordado</h3>
<div>
<div><input type="radio" onclick="javascript:onestepCheckoutProcess(this.name,'shipper');" value="It4g==" name="shipping_rate_id" id="shipping_rate_id_10040_0"><label for="shipping_rate_id_10040_0">De 5 a 15 Dias</label> ($ 300 )</div>
<div><input type="radio" onclick="javascript:onestepCheckoutProcess(this.name,'shipper');" value="JA=" name="shipping_rate_id" id="shipping_rate_id_10040_1"><label for="shipping_rate_id_10040_1">Express de 3 a 5 dias</label> ($ 500 )</div>
</div>
</div>
</fieldset>
</div><div style="display:none" id="divShippingRateTemplateId">354</div></td>
</tr>
<tr>
<td><div id="divPaymentMethod"><fieldset class="adminform">
<legend><strong>Método de pago</strong></legend>
<div></div>
<div>
<div><div class="paymentgtwchecked" id="rs_payment_banktransfer"><input type="radio" onclick="javascript:onestepCheckoutProcess(this.name,'');" checked="" value="rs_payment_banktransfer" id="rs_payment_banktransfer0" name="payment_method_id"><label for="rs_payment_banktransfer0">Forium - Bank Transfer Payment</label></div></div>
<div></div>
<div><div class="" id="rs_payment_paypal"><input type="radio" onclick="javascript:onestepCheckoutProcess(this.name,'');" value="rs_payment_paypal" id="rs_payment_paypal1" name="payment_method_id"><label for="rs_payment_paypal1">Forium - Paypal Payments</label></div></div>
<div></div>
</div>
</fieldset>
</div></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table border="0">
<tbody>
<tr>
<td><div id="divRedshopCart"><h1>Mi carro</h1>
<div class="category_print"></div>
<div class="category_print"></div><div class="category_print"></div><div class="category_print"></div><table cellspacing="0" cellpadding="0" border="0" style="width: 100%;" class="tdborder">
<thead>
<tr>
<th>Nombre de producto</th>
<th></th>
<th>Precio de producto excluido</th>
<th>Cantidad</th>
<th>Precio total excluido precio</th>
</tr>
</thead>
<tbody>
<!--  -->
<tr class="tdborder">
<td>
<div class="cartproducttitle"><div class="product_name"><a href="/store/15/1/playeras-polo/caballero/playeras-polo-combinadas/p530/P-playera-polo-blanca-cuello-mil-rayas.html?Itemid=1">Playera Polo Blanca Cuello Mil Rayas</a></div></div>
<div class="cartproducttitle">$ 191</div>
<div class="cartattribut"><div class="checkout_attribute_static">Atributo(s):</div><div class="checkout_attribute_title">Posición:</div><div class="checkout_attribute_wrapper"><div class="checkout_attribute_price">B. Frente Derecho</div></div><div class="checkout_attribute_wrapper"><div class="checkout_attribute_price">C. Manga Derecha</div></div><div class="checkout_attribute_wrapper"><div class="checkout_attribute_price">F. Espalda Alta</div></div></div>
<div class="cartaccessory"></div>
<div class="cartwrapper"></div>
<div class="cartuserfields"></div>
</td>
<td><div class="product_image">IMAGE.JPG</div></td>
<td>$ 191</td>
<td><label>70</label></td>
<td>$ 13,370</td>
</tr>
<!--  -->
<tr class="tdborder">
<td>
<div class="cartproducttitle"><div class="product_name"><a href="/component/redshop/88/1/tallas/tm-p530-1/P-m.html?Itemid=1">M</a></div></div>
<div class="cartproducttitle">$ 0</div>
<div class="cartattribut"></div>
<div class="cartaccessory"></div>
<div class="cartwrapper"></div>
<div class="cartuserfields"></div>
</td>
<td><div class="product_image">NOIMAGE.JPG</div></td>
<td>$ 0</td>
<td><label>25</label></td>
<td>$ 0</td>
</tr>
<!--  -->
<tr class="tdborder">
<td>
<div class="cartproducttitle"><div class="product_name"><a href="/component/redshop/89/1/tallas/tg-p530-1/P-g.html?Itemid=1">G</a></div></div>
<div class="cartproducttitle">$ 0</div>
<div class="cartattribut"></div>
<div class="cartaccessory"></div>
<div class="cartwrapper"></div>
<div class="cartuserfields"></div>
</td>
<td><div class="product_image">NOIMAGE.JPG</div></td>
<td>$ 0</td>
<td><label>32</label></td>
<td>$ 0</td>
</tr>
<!--  -->
</tbody>
</table>
<table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
<tbody>
<tr>
<td width="50%" valign="top">
<table border="0">
<tbody>
<tr>
<td colspan="2" class="cart_customer_note">Observaciones del cliente<br><textarea id="customer_note" name="customer_note"></textarea></td>
</tr>
<tr>
<td colspan="2" class="cart_requisition_number">Su referencia de pedido<br><input value="" id="requisition_number" name="requisition_number">
</td>
</tr>
</tbody>
</table>
<br></td>
<td width="50%" valign="top" align="right"><br><br>
<table width="100%" border="0" class="cart_calculations">
<tbody>
<tr class="tdborder">
<td><b>Producto sin IVA Subtotal</b></td>
<td width="100">$ 13,370</td>
</tr>
<!-- -->
<tr>
<td><b>Envío con IVA</b></td>
<td width="100"><span id="spnShippingrate">$ 300</span></td>
</tr>
<!--  -->
<!-- -->
<tr>
<td>
<div class="singleline"><strong>Total:</strong></div>
</td>
<td width="100">
<div class="singleline"><span id="spnTotal">$ 13,670</span></div>
</td>
</tr>
</tbody>
</table>
<div>Recibir ofertas y otros boletines de noticias. <input type="checkbox" ''="" value="1" name="newsletter_signup"></div>
<div></div>
<div><div style="float: right;" id="checkoutfinal"><input type="button" onclick="if(chkvalidaion()){checkout_disable('checkout_final');}" value="Pedido: Paso final" class="greenbutton" name="checkout_final" id="checkout_final"><input type="hidden" value="checkoutfinal" name="task"><input type="hidden" value="checkout" name="view"><input type="hidden" value="com_redshop" name="option"><input type="hidden" value="1" id="onestepItemid" name="Itemid"><input type="hidden" value="3" name="users_info_id"><input type="hidden" value="" name="order_id"></div><input type="button" onclick="javascript:document.location='/component/redshop/1/?Itemid=1'" value="Continar" class="blackbutton"></div>
</td>
</tr>
</tbody>
</table></div><div style="display:none" id="divRedshopCartTemplateId">360</div></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div><div id="responceonestep" style="display:none"></div></form><script type="text/javascript">
function chkvalidaion() {
if (document.getElementById('termscondition')) {
var termscondition = document.getElementById('termscondition').checked;
if (!termscondition) {
alert("Por favor, seleccione los términos y condiciones como correctos.");
return false;
}
}
return true;
}
function checkout_disable(val) {
document.adminForm.submit();
document.getElementById(val).disabled = true;
var op = document.getElementById(val);
op.setAttribute("style", "opacity:0.3;");
if (op.style.setAttribute) //For IE
op.style.setAttribute("filter", "alpha(opacity=30);");
}
</script></div></section>

此代码显示2个"组",但只需要显示1个:

Envios con Bordado
De 10 a 15 dias apartir de la autorización ($ 300 )
Envio Express de 3 a 5 dias apartir de la prueba de bordado ($ 500 )
Recojer en la tienda
Envios sin Bordado
De 5 a 15 Dias ($ 300 )
Express de 3 a 5 dias ($ 500 )

现在,我可以使用的代码如下:

<div class="cartattribut">
<div class="checkout_attribute_wrapper">
   <div class="checkout_attribute_price">B. Frente Derecho</div>
</div>
<div class="checkout_attribute_wrapper">
   <div class="checkout_attribute_price">C. Manga Derecha</div>
</div>
<div class="checkout_attribute_wrapper">
   <div class="checkout_attribute_price">F. Espalda Alta</div>
</div>
</div>
<div class="cartaccessory"></div>
<div class="cartwrapper"></div>
<div class="cartuserfields"></div>

如果页面中存在class="checkout_attribute_price"然后隐藏

Envios sin Bordado
[]De 5 a 15 Dias ($ 300 )
[]Express de 3 a 5 dias ($ 500 )

如果页面上不存在class="checkout_attribute_price"然后隐藏

Envios con Bordado
[]De 10 a 15 dias apartir de la autorización ($ 300 )
[]Envio Express de 3 a 5 dias apartir de la prueba de bordado ($ 500 )
[]Recojer en la tienda

两个块的代码都是:

<div id="divShippingRate"><fieldset>
<legend><strong>Métodos de envío</strong></legend>
<div>
<h3>Envios con Bordado</h3>
<div>
<div><input type="radio" onclick="javascript:onestepCheckoutProcess(this.name,'default_shipping');" checked="" value="Cs" name="shipping_rate_id" id="shipping_rate_id_10025_0"><label for="shipping_rate_id_10025_0">De 10 a 15 dias apartir de la autorización</label> ($ 300 )</div>
<div><input type="radio" onclick="javascript:onestepCheckoutProcess(this.name,'default_shipping');" value="ss" name="shipping_rate_id" id="shipping_rate_id_10025_1"><label for="shipping_rate_id_10025_1">Envio Express de 3 a 5 dias apartir de la prueba de bordado</label> ($ 500 )</div>
<div><input type="radio" onclick="javascript:onestepCheckoutProcess(this.name,'default_shipping');" value="dd" name="shipping_rate_id" id="shipping_rate_id_10025_2"><label for="shipping_rate_id_10025_2">Recojer en la tienda</label></div>
</div>
<h3>Envios sin Bordado</h3>
<div>
<div><input type="radio" onclick="javascript:onestepCheckoutProcess(this.name,'shipper');" value="ff" name="shipping_rate_id" id="shipping_rate_id_10040_0"><label for="shipping_rate_id_10040_0">De 5 a 15 Dias</label> ($ 300 )</div>
<div><input type="radio" onclick="javascript:onestepCheckoutProcess(this.name,'shipper');" value="gg" name="shipping_rate_id" id="shipping_rate_id_10040_1"><label for="shipping_rate_id_10040_1">Express de 3 a 5 dias</label> ($ 500 )</div>
</div>
</div>
</fieldset>
</div>

大约3个月前,我使用PHP完成了这项工作,并更改了CMS的源代码,但后来不得不进行更新,我丢失了所有更改。。。然后我又做了一遍。。再次更新。。。所以这次我想在不更改cms源代码的情况下完成。。。

正如我之前所说的,我对java知之甚少,任何帮助都将不胜感激。

谢谢。

您永远不应该破解CMS或任何开源代码。您应该贡献或覆盖它们。

  1. 就redSHOP而言,可以使用它的样板系统来替代视图和样板文件。您可以遵循本指南http://wiki.redcomponent.com/index.php?title=redSHOP:Working_with_redSHOP_Templates
  2. redSHOP还具有插件架构,可以在不中断升级的情况下改变核心行为。这是它的指南http://wiki.redcomponent.com/index.php?title=redSHOP:Product_Plugin
  3. 你可以超越Joomla!MVC使用以下指南https://docs.joomla.org/How_to_override_the_component_mvc_from_the_Joomla_果心请使用https://github.com/redCOMPONENT-COM/mvcOverrideMVC重写版本,因为它在原始插件中进行了改进,还支持joomla3.x
  4. 本指南将帮助您了解输出覆盖如何在joomla中工作
    • https://docs.joomla.org/Understanding_Output_Overrides
    • https://docs.joomla.org/How_to_override_the_output_from_the_Joomla_堆芯
    • https://docs.joomla.org/Layout_Overrides_in_Joomla