Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

razs

apanhar texto de div e copiar para outra pagina

Recommended Posts

Boas pessoal, alguem me sabe explicar como devo fazer para apanhar o conteudo de uma div e passa-lo para outra div?

 

ex1:

abro a pagina xpto.asp?id=25

dentro desta pagina tenho uma div com o texto descricao

e eu quero que ele passe esse texto para outra div que se encontra noutra pagina

 

ex2:

pagina com duas iframes, na iframe1 esta xpto.asp?id=25

e na iframe2 esta recolha de dados.asp

 

Isto é possivel?

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

usa jQuery com ele você faz facinho isso.

Compartilhar este post


Link para o post
Compartilhar em outros sites

tens algum exemplo?

 

Eu pretendo fazer um script que me tire os dados do site do meu fornecedor e os coloque na minha loja online.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom dia!

 

Não esqueça que vc tem que chamar a biblioteca antes.

 

Segue exemplo:

 

$(document).ready(function(){
   $("#link").click(function(evento){
      evento.preventDefault();
      $("#Div_Destino").load("pegaparametros.asp", {nome: "Morpheus", idade: 33}, function(){
         alert("Pegando os dados via Jquery");
      });
   });
})

 

Agora é só pegar os valores via "response" normalmente na página "pegaparametros.asp".

 

Good Luck!!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado Morpheus, confirma-me so para euv er se percebo o codigo.

 

#link é o nome da div de onde eu vou tirar os dados

#div_destino é o nome da div onde eu quero que os dados aparecam

 

Nao percebi esta parte {nome: "Morpheus", idade: 33} eu sei que isto é demonstrativo mas o que pretendes defenir aqui?

 

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

ou também

 

<script language="JavaScript">
window.onload = function() {
document.getElementById("Copia").innerHTML = document.getElementById("Original").innerHTML;
}
</script>

<div id="Copia"></div>

<div id="Original">conteúdo</div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado Xan, mas estamos a falar em paginas diferentes, a div original estaria em algo como http://www.loja.com?id=25

 

A nao ser que eu possa fazer isto:

 

http://www.loja.com?id=25.getElementById("Original").innerHTML;

Isto é possivel?

 

 

estou perdido :s

 

 

<html><head><script language="JavaScript">window.onload = function() {var1=documentdocument.getElementById("Copiaspecs").innerHTML = var1.getElementById("Originalspecs").innerHTML;}</script></head><body>Original Specs<br><div id="Originalspecs" style="border:2px solid blue;">	<a href="http://www.aqua.com#box">aaaaaaaaaaaaaa</a></div>Copia Specs<br><div id="Copiaspecs" style="border:2px solid red;"></div></body></html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

porque você não joga esse texto recuperado da DIV1 em uma session e depois seta ele na outra.

Compartilhar este post


Link para o post
Compartilhar em outros sites

nao fiz com o jquery porque nao percebi muito bem o teu exemplo.

 

Qual o ficheiro de jquery utilizas? o normal standard ou é algum expecifico para esta funcao?

 

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

tente usar o método

.clone() do jQuery

Compartilhar este post


Link para o post
Compartilhar em outros sites

tentei assim mas nao esta a funcionar

<html>
<head>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
<script language="JavaScript">
window.onload = function() {
var1=document
document.getElementById("Copiatitul").innerHTML = var1.getElementById("Originaltitul").innerHTML;
}
</script>
<script>
       $('#Originaltitul').load('www.aqua.com/#box');
</script>
</head>
<body>

<div id="frame_original" >
		<br>
		
		Original Titulo:
		<div id="Originaltitul" >
	
		</div>
</div>


<br><br><br><br><br><br>
==============================================================================================================<br><br><br><br><br><br>


Copia Titulo<br>
<div id="Copiatitul"></div>


</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

ja tentou copiar o texto para uma session ou txt e depois de recuperá-lo inserir seu conteúdo na DIV.

Compartilhar este post


Link para o post
Compartilhar em outros sites

isso é facil o problema é ir buscalo a outra pagina :s

 

essa é a dificuldade.

 

 

aqui esta o que já tenho feito ate agora.

 

 

<%@ Language=VBScript %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head>	<title>Product Specs</title>		<link rel="stylesheet" href="css/image-slideshow.css" type="text/css">	<script type="text/javascript" src="js/image-slideshow.js">		</script></head><body><%dim varref, varspecs, numeroimg, tituloprod, precoprod, url,vardetails'Dim fs, strFileNameAndPath,dummyvarref=request.form("sku")url = "http://www.dx.com/" & varref    vardetails="overview-detailinfo"varspecs="specification-detailinfo"tituloprod="headline"precoprod="price"%><div id="titulo" style="width:100%;text-align:center;font-size:55px;"><u>Product Viewer</u></div>		<br>		<div id="form" style="width:100%;text-align:center;font-size:25px;">		<form id="dx" name="dx" method="Post">			Sku:<input type="text" name="sku" value="<%=varref%>">			<input type="submit" name="dx" id="dx" value="Go">		</form></div><br><%if varref<>"" then%>	<div id="main" style="width:1000px;margin:0 auto;">	<form id="dados" name="dados" method="Post">		<div id="left" style="float:left;">			<b>ID:</b>			<div id="Copiasku">Sku<%=varref%></div>			<br>			<b>Title:</b><br>			<div id="Copiatitul"></div>			<br>			<b>Price:</b><br>			<div id="Copiapreco"></div>			<br>			<b>Specs:</b><br>			<div id="Copiaspecs"></div>			<br>			<b>Details:</b><br>			<div id="Copiadetails"></div>									<br><br><br>			<input type="submit" name="dados" id="dados" value="Go">		</div>		<div id="right" style="float:right;">			<b>Images<b/>				<div id="dhtmlgoodies_slideshow">					<div id="previewPane">						<img style="widht:600px;height:350px;" src="images/imagig.jpg">						<span id="waitMessage">Loading image. Please wait</span>							<div id="largeImageCaption">No Picture Selected</div>					</div>					<div id="galleryContainer">						<div id="arrow_left"><img src="images/arrow_left.gif"></div>						<div id="arrow_right"><img src="images/arrow_right.gif"></div>						<div id="theImages">								<%								numeroimg="1"								do while numeroimg<12								'dummy=""								'do while dummy=""																										'strFileNameAndPath = "\prodphotos\sku_"&varref&"_"&numeroimg&".jpg"									'Set fs = CreateObject("Scripting.FileSystemObject")									'If fs.FileExists(strFileNameAndPath) Then								%>																				<a href="#" onclick="showPreview('http://img.dxcdn.com/productimages/sku_<%=varref%>_<%=numeroimg%>.jpg','<%=numeroimg%>');return false"><img style="width:150px;height:100px;"src="http://img.dxcdn.com/productimages/sku_<%=varref%>_<%=numeroimg%>.jpg"></a>												<div class="imageCaption"></div>																	<%									'else									'   dummy="false"									'end if															numeroimg=numeroimg+1								loop								numeroimg=""								'set strFileNameAndPath = Nothing								'set dummy = nothing								'fs.close								%>																								<div id="slideEnd"></div>						</div>					</div>				</div>		</div>	</form>		</div><%end if%></body></html>

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

faça o teste recupere o conteúdo da div com jquery, jogue em uma session depois recupere e atribua a outra div.

Compartilhar este post


Link para o post
Compartilhar em outros sites

mas eu nao consigo is buscar o conteudo. tenho este script mas nao o estou a conseguir configurar

 

 


<script type="text/javascript">
function setReqObj() {
var nAjax;
if(window.XMLHttpRequest) {
nAjax = new XMLHttpRequest();
} else {
nAjax = new ActiveXObject("Microsoft.XMLHTTP");
}
return nAjax;
}

function _LoadExtData($url, $id, $div) {
var xmlhttp = setReqObj();

if(xmlhttp) {
xmlhttp.onreadystatechange=function() {
if(xmlhttp.readyState == 4) {
var $content = xmlhttp.responseText;
document.getElementById($div).innerHTML = $content;
}
}

$data = "url=" + $url + "&id=" $id;

xmlhttp.open("POST", "script.php", true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send($data);
}
}
</script>

 

 

<?php
$url = (isset($_POST['url'])) ? $_POST['url'] : "";
$id = (isset($_POST['id'])) ? $_POST['id'] : "";

$dom = new DOMDocument();
$dom->loadHTMLfile($url);
//$dom->validate();
$dom->validateOnParse = true;
$dom->loadHTML($html);
$dom->preserveWhiteSpace = false;
$specs = $dom->getElementById($id);
$returnHTML = $specs->nodeValue;

if($returnHTML) {
echo $returnHTML;
} else {
exit("Failed to fetch data!");
}
?>

Compartilhar este post


Link para o post
Compartilhar em outros sites

você nao esta conseguindo pegar o conteudo da primeira div é isso...

Compartilhar este post


Link para o post
Compartilhar em outros sites

tenta assim, funciona normal

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
        $("#botao").click(function(){
                conteudo_div = ($("#selecao").html());
                //A variavel conteudo_div já contem o conteudo atual da DIV selecao, agora faz com essa variavel o que você quiser
        })
});
</script>
</head>

<body>
<button id="botao">Clique para copiar o conteúdo da DIV</button>
<div id="selecao">Este conteúdo vai ser copiado</div>
</body>
</html>



Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.