Recién hice esta pregunta en el foro en inglés y me pusieron puntos negativos, la verdad no comprendo el motivo, quizá mi inglés no es bueno y no comprendieron la pregunta.
Necesito pasar el siguiente código HTML a JavaScript, he leído y se que se usa el método getElementById
conjuntamente con la propiedad innerHTML
, pero no tengo la experiencia y conocimientos para hacerlo.
Para los que deseen usar este código HTML, se usa para crear un botón de donaciones de Paypal, obviamente el certificado encriptado no les funcionará deben de crearlo desde la web de Paypal.
CODIGO HTML:
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----">
<input type="image" src="https://www.paypalobjects.com/es_XC/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"><img alt="" border="0" src="https://www.paypalobjects.com/es_XC/i/scr/pixel.gif" width="1" height="1">
</form>
CODIGO JAVASCRIPT:
De esta forma funciona correctamente, pero se que no es técnicamente la forma de hacerlo:
document.getElementById('paypal_donate').innerHTML = '<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank"><input type="hidden" name="cmd" value="_s-xclick"><input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----"><input type="image" src="https://www.paypalobjects.com/es_XC/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"><img alt="" border="0" src="https://www.paypalobjects.com/es_XC/i/scr/pixel.gif" width="1" height="1"></form>';
En mi HTML objetivo tengo: <div id="paypal_donate" style=" overflow: hidden;">...</div>
Necesito rellenar esos tres puntos con el form y los inputs que compartí en el código HTML de arriba usando document.getElementById('paypal_donate').innerHTML
de JavaScript correctamente.
Alguien que comprenda la pregunta y me ayude con esto o si les parece que está mal formulada por favor comenten no me pongan puntos negativos sin decirme el motivo.
Muy agradecido, Juan
<div id="paypal_donate" style=" overflow: hidden;">...</div>
De esta forma lo que falta rellenar donde están los "..." es el form y los inputs. Quiero usar innerHTML pero no tengo la experiencia adecuada para hacerlo.form
, porque la seguridad podría estar comprometida y es un tema que debería ser tratado si otros usuarios/fuentes pueden intervenir en la obtención del formulario.<div id="ir_google"><a href="https://google.com" target="_blank" rel="noopener noreferrer">Ir a Google</a></div>
En lugar de usar En lugar dedocument.getElementById('ir_google').innerHTML = '<a href="https://google.com" target="_blank" rel="noopener noreferrer">Ir a Google</a>
que sería el método que usé yo.