別のページに移動してポップアップデータを別のページに移動したときにもポップアップをポップアップする方法はありますか？

Question

私はポップアップで送信フォームを持っていて、私の条件はです。ポップアップは、すべてのページにコンテンツが表示されるはずです。

は、私は別のページに移動したときにポップアップポップアップを保つために、私は、ポップデータ

$("#call_log").click(function(e) { 
 
    //localStorage.timerpopup="active"; 
 
    document.getElementById("test").style.display = "block"; 
 
}); 
 
$("img.close").click(function(e) { 
 
    $("#test").fadeOut(); 
 
});

#test { 
 
    background: lightgrey; 
 
    padding: 10px; 
 
    position: relative; 
 
    padding-top: 20px; 
 
    top: 100px; 
 
    width: 450px; 
 
    border: 5px solid #ddd; 
 
} 
 

 
img.close { 
 
    position: absolute; 
 
    right: 0px; 
 
    top: 0px; 
 
    height: 30px; 
 
    width: 30px; 
 
    cursor: pointer; 
 
}

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<input type="button" value="Call log" id="call_log"> 
 
<div id="test" style="display: none;"> 
 
    Submit form 
 
    <form action="save_popup_data.php" method="post"> 
 
    <input type="text" name="currenturl" id="currenturl" value="12345"> 
 
    <input type="text" name="starttime" id="starttime" value="3.00"> 
 
    <input type="text" name="endtime" id="endtime" value="4.00"> 
 
    <input type="text" name="duration_hours" id="duration_hours" value="1"> 
 
    <input type="text" name="duration_minutes" id="duration_minutes" value="30"> 
 
    <input type="submit" name="save" id="save" value="Save" style=" padding: 5px 15px;"> 
 
    </form> 
 
    <img class="close" src="https://cdn3.iconfinder.com/data/icons/status/100/close_4-512.png" alt=""> 
 
</div>

Answer 1

$("#call_log").click(function(e) { 
 
    //localStorage.timerpopup="active"; 
 
    document.getElementById("test").style.display = "block"; 
 
}); 
 
$("img.close").click(function(e) { 
 
    $("#test").fadeOut(); 
 
});

#test { 
 
    background: lightgrey; 
 
    padding: 10px; 
 
    position: relative; 
 
    padding-top: 20px; 
 
    top: 100px; 
 
    width: 450px; 
 
    border: 5px solid #ddd; 
 
} 
 

 
img.close { 
 
    position: absolute; 
 
    right: 0px; 
 
    top: 0px; 
 
    height: 30px; 
 
    width: 30px; 
 
    cursor: pointer; 
 
}

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<input type="button" value="Call log" id="call_log"> 
 
<div id="test" style="display: none;"> 
 
    Submit form 
 
    <form action="save_popup_data.php" method="post"> 
 
    <input type="text" name="currenturl" id="currenturl" value="12345"> 
 
    <input type="text" name="starttime" id="starttime" value="3.00"> 
 
    <input type="text" name="endtime" id="endtime" value="4.00"> 
 
    <input type="text" name="duration_hours" id="duration_hours" value="1"> 
 
    <input type="text" name="duration_minutes" id="duration_minutes" value="30"> 
 
    <input type="submit" name="save" id="save" value="Save" style=" padding: 5px 15px;"> 
 
    </form> 
 
    <img class="close" src="https://cdn3.iconfinder.com/data/icons/status/100/close_4-512.png" alt=""> 
 
</div>

を取得することができません のlocalStorageが、IAMを使用しています