Mover DIV al hacer click!

[tavitow]

Hola quisiera saber como puedo hacer para que al hacer click sobre un div el mismo cambie de posición por ejemplo es para un boton de subscribir de youtube.


Yo tengo lo siguiente pero nose que esta mal.

Código:

function funcion()
{        javascript:void(document.getElementById('g-yt').style.margin='140px 140px 140px 140px');
}

Código HTML:

<div class="g-ytsubscribe" id="g-yt" data-channel="CanalYoutube" data-layout="default" data-count="undefined" onclick="funcion()"></div> 

[mbm150]

Hola,

Una forma:

Código HTML:

<div class="g-ytsubscribe" id="g-yt" data-channel="CanalYoutube" data-layout="default" data-count="undefined" onclick="this.style.margin = '140px';"></div>
 

Otra:

Código HTML:

<div class="g-ytsubscribe" id="g-yt" data-channel="CanalYoutube" data-layout="default" data-count="undefined" onclick="myFunction(this)"></div> 
<script>
function myFunction(element) {
    element.style.margin = "140px";
}
</script>
 

Saludos.

[tavitow]

Iniciado por mbm150

Hola,

Una forma:

Código HTML:

<div class="g-ytsubscribe" id="g-yt" data-channel="CanalYoutube" data-layout="default" data-count="undefined" onclick="this.style.margin = '140px';"></div>
 

Otra:

Código HTML:

<div class="g-ytsubscribe" id="g-yt" data-channel="CanalYoutube" data-layout="default" data-count="undefined" onclick="myFunction(this)"></div> 
<script>
function myFunction(element) {
    element.style.margin = "140px";
}
</script>
 

Saludos.

Gracias! sirve pero me estoy dando cuenta que al poner el boton de youtube se crea otra div me aparece esto:

Código:

<div id="___ytsubscribe_0" style="text-indent: 0px; margin: -20px; padding: 0px; background: none repeat scroll 0% 0% transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 116px; height: 24px;"><iframe data-gapiattached="true" src="https://www.youtube.com/subscribe_embed?usegapi=1&amp;count=undefined&amp;layout=default&amp;channel=CanalYoutube&amp;origin=http%3A%2F%2Fmalkiel.com.ar&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.es.fklblTu3Z78.O%2Fm%3D__features__%2Fam%3DEQ%2Frt%3Dj%2Fd%3D1%2Ft%3Dzcms%2Frs%3DAGLTcCOK83c4tmj_GDN-HFPAIcVk3K7Qcw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&amp;id=I0_1420904372064&amp;parent=http%3A%2F%2Fmalkiel.com.ar&amp;pfname=&amp;rpctoken=31189504" name="I0_1420904372064" id="I0_1420904372064" vspace="0" tabindex="0" style="position: static; top: 0px; width: 116px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;" scrolling="no" marginwidth="0" marginheight="0" hspace="0" frameborder="0" width="100%"></iframe></div>

Osea que lo que haga en el div de youtube no le afecta habria una forma de agregarle lo mismo ?