6 replies to this topic

[abc2]

Olá, bom dia a todos.
Não sei se estou postando na área correta, e já procurei mas não achei nada parecido... Seguinte:

Tenho vários registros vindo de um banco de dados, cada qual com seu próprio id. Preciso fazer um link para cada registro onde abra uma div conforme o seu id...

Por exemplo:

<a href="#" onclick="FUNCAO_DIV('<%=valor%>');">

e a div eu gostaria que fosse desta forma:

<div id="QUALQUER_NOME" style="display:none; position:absolute;left:0px;top:0px;height:100%;width:100%; z-index:3;">
<iframe src='iframe.asp?valor=<%=request("valor")%>' id="QUALQUER_NOME" frameborder='0' width='650' height='550' scrolling="no"></iframe>
</div>

É possível?

[fiote]

O código parece correto, qual é o problema?

Se o que falta é a FUNCAO_DIV, aqui vai algo que possa usar:

<script>
function FUNCAO_DIV(id) {
   document.getElementById(id).style.display = 'block';
}
</script>

[abc2]

Oi fiote, obrigado pela resposta, esta sua função funcionou corretamente...

Mas na verdade o que eu quero é uma div genérica (válida para todos os registros), sendo que apenas o valor do iframe seria alterado conforme o id escolhido entende? Pq deste jeito eu teria que ter uma div para cada registro, e são muitos.

por exemplo:
Clica no registro id 1 > chamar a div QUALQUER > chama o iframe 1
Clica no registro id 2 > chamar a div QUALQUER > chama o iframe 2
Clica no registro id 3 > chamar a div QUALQUER > chama o iframe 3
e assim por diante...

Não sei se isto é possível ou não...


-------- EDITANDO --------
Consegui fazer a função/div genérica, exatamente como eu quero! O problema é que a div aparece numa nova página, e não sobre a página atual entenderam? Além disso, como posso substituir o XXX do iframe.asp?valor=XXX pelo valor FUNCAO_DIV(id)

<script>
function FUNCAO_DIV(id) {
//alert(id)
//document.getElementById(id).style.display = 'block';

document.write('<div id="QUALQUER" style="display:block; position:absolute;left:0px;top:0px;height:100%;width:100%; z-index:1;">')
document.write('<iframe src="iframe.asp?valor=XXX" frameborder="0" width="650" height="550" marginheight="0" marginwidth="0" scrolling="no"></iframe>')
document.write('</div>')
}
</script>

Acredito que são coisas simples, mas não estou conseguindo ver onde está o erro.

Edição feita por: abc2, 25/02/2009, 15:36.

[fiote]

A função document.write, quando chamada numa página que já foi carregada sempre vai gerar uma página nova.

Sobre o valor da função, a alteração abaixo resolveria.

document.write('<iframe src="iframe.asp?valor='+id+'" frameborder="0" width="650" height="550" marginheight="0" marginwidth="0" scrolling="no"></iframe>');

Pra fazer o que você quer, você terá que criar o elemento ao chamar a função.

Eu estou acustumado ao Mootools e não sei o código javascript puro para fazê-lo. No meu caso seria algo assim:

var Div = new Element('div').set('style','display:block; position:absolute; left:0px; top:0px; height:100%; width:100%; z-index:1;');
Div.innerHTML = '<iframe src="iframe.asp?valor='+id+'" frameborder="0" width="650" height="550" marginheight="0" marginwidth="0" scrolling="no"></iframe>';
Div.inject(document.body);

Ou algo assim...

Edição feita por: fiote, 25/02/2009, 19:25.

[abc2]

Não conhecia esse Mootools, dei uma pesquisa, li o tutorial do site deles e oalááá funcionou corretamente, do jeito que eu quero

Entretanto, como faço para Fechar a div que foi aberta?

Segue o código completo que está funcionando:

BUSCO A BIBLIOTECA MOOTOOLS
<script type="text/javascript" src="../inc/mootools.js"></script>

CRIO A DIV USANDO ELEMENTO DO MOOTOOLS
<script language="JavaScript" type="text/JavaScript">
function novo(id) {
var Div = new Element('div').set('style','display:block; position:absolute; left:0px; top:0px; height:100%; width:100%; z-index:1;');
Div.innerHTML = '<table width="100%" height="100%"  border="0" cellpadding="0" cellspacing="0" background="../img/fundo_div.gif"><tr><td align="center" valign="middle"><iframe src="novo.asp?data='+id+'" frameborder="0" width="500" height="320" marginheight="0" marginwidth="0" scrolling="no"></iframe></td></tr></table>';
Div.inject(document.body);
}
</script>

CHAMO O LINK PARA A FUNÇÃO
<a href="java script:novo('<%=data%>');">

[fiote]

Ok, altere a linha:

var Div = new Element('div').set('style','display:block; position:absolute; left:0px; top:0px; height:100%; width:100%; z-index:1;');

Para:

var Div = new Element('div').set('style','display:block; position:absolute; left:0px; top:0px; height:100%; width:100%; z-index:1;');
Div.set('id','div_'+id);

Pronto, agora nossa Div tem um ID.

function fechaDiv(id) {
	document.getElementById('div_'+id).style.display = 'none';
}

Edição feita por: fiote, 26/02/2009, 09:37.

[HaroNism]

Vriligy viagra Achat Cialis 20 Ligne
Is Keflex Good For Strep Throat Prescription Free 2 5 Next Day Viagra buy viagra Cephalexin Replacement For Dogs Zithromax 5 Day Z Discount Online Cialis