Jqueryによって動的に作成されたページを保存する

<html> 
<head> 
<script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("button").click(function(){ 
$("p").after(" Hi ."); 
}); 
}); 
</script> 
</head> 

<body> 
<h2>This is a heading</h2> 
<p>This is a paragraph.</p> 
<p>This is another paragraph.</p> 
<button>Click me</button> 
</body> 
</html>

「クリックしてください」ボタンを5~6回クリックした後。新しいHTMLが生成されました。ではない？Jqueryによって動的に作成されたページを保存する

は、だから私はASP.NetやPHP

任意のアイデアは、それをどのように行うにはいて、ファイル内のその新しい生成されたHTMLを保存したいですか？

出典

2011-01-12 Yahoo

本文の内容をテキストエリアにコピーし、フォームで送信します。

var css = $("style:first").html(); //this will ver the first style tag 
$("#myCssTextarea") 
     .val("<style type='text/css'>"+css+"</style>"); 

var html = $("body").html(); 
$("#myTextarea") 
     .val(html) 
     .parents("form") 
     .submit();

HTML

<form action="" method="post"> 
    <textarea id="myTextarea" name="content" style="width:0; height:0;"></textarea> 
    <textarea id="myCssTextarea" name="cssContent" style="width:0; height:0;"></textarea> 
</form>

PHP

if($_POST["content"]){ 
    $file = fopen('mypage.html', 'w'); 
    fwrite($file, $_POST["content"]); 
    fwrite($file, $_POST["cssContent"]); 
    fclose($file); 
}

UPDATEを追加しましたCSSコード格納。

出典

2011-01-12 17:43:09 amosrivera

ありがとうございました。 – Yahoo

ファイルに沿ってCSSを送信したいと思います。どうすればいいですか？ – Yahoo

CSSはインライン（htmlタグ内）か

Jqueryによって動的に作成されたページを保存する

答えて