1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Pegar a posição em que o elemento se encontra na página

olá, tenho uma duvida com relação a como pegar a posição em que o objeto se encontra na página. Isso se trata de uma postagem do blogger, nessa postagem existe a possibilidade de ter ou não iframe. Tenho um iframe, daí gostaria de verificar se ele existe ou não, se existir, gostaria de saber em que posição ele se encontra para colocar um outro iframe de propaganda em cima esse seria o primeiro iframe, teria que pegar a posição com relação ao topo para colocar o outro em cima

<iframe frameborder="0" height="400" scrolling="no" src="url-do-video" width="510"></iframe>

aqui tem q se adiciona manualmente a posição, position: absolute; top: 200px;,

<div id="floatLayer2" style="background: white; height: 250px; left: 200px; position: absolute; top: 200px; width: 300px; z-index: 9998;">
    <iframe frameborder="0" height="250" scrolling="no" src="url-da-propaganda" width="300"</iframe>
    <br />
    <div style="height: 9px; left: 20px; position: absolute; top: 15px; width: 9px; z-index: 9999;">
        <span onmouseup="document.getElementById('floatLayer2').style.display='none'">
            <img alt="FECHAR" border="0" height="9" src="http://4.bp.blogspot.com/-5uab8RuYECE/T9BvcdBUHWI/AAAAAAAAAXo/XvcA3U6hkzU/s1600/fechar.png" width="9" />
        </span>
    </div>
</div>

uma postagem de exemplo para ver cpmo tem que ficar, http://teste1348.blogspot.com.br/ só que quero isso de maneira automatica

exemplo do codigo dessa postagem

<iframe frameborder="0" height="400" scrolling="no" src="http://www.crackgames.us" width="510"></iframe>
<br />
<div id="floatLayer2" style="background: white; height: 250px; left: 150px; position: absolute; top: 120px; width: 300px; z-index: 9998;">
    <iframe frameborder="0" height="250" scrolling="no" src="#" width="300"></iframe>
    <br />
    <div style="height: 9px; left: 20px; position: absolute; top: 15px; width: 9px; z-index: 9999;">
        <span onmouseup="document.getElementById('floatLayer2').style.display='none'">
            <img alt="FECHAR" border="0" height="9" src="http://4.bp.blogspot.com/-5uab8RuYECE/T9BvcdBUHWI/AAAAAAAAAXo/XvcA3U6hkzU/s1600/fechar.png" width="9" />
        </span>
    </div>
</div>

eu queria colocar esse ultimo iframe dentro do template de maneira que ele verificasse se existisse o iframe e colocasse esse codigo bem em cima

essa é a dúvida, se puderem ajudar agradeço

  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

2 respostas

Não é a resposta que estava procurando? Procure outras perguntas com as tags html javascript css ou faça a sua própria pergunta.