Hej,
Har downloaded en "demobook" til rediger/edit text field.
Men nu skal den så kunne gemme i db efter "gem".
Men så er jeg i tvivl om hvordan jeg løser dette.
Håber i kan se hvordan jeg bør kunne gøre dette.
Det skal være med id. Da det er op til 10 felter.
index.html
- <!doctype html>
- <html lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>Demo</title>
- <meta name="author" content="Jake Rocheleau">
- <link rel="stylesheet" type="text/css" href="style.css">
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
- <script type="text/javascript" src="showpic.js"></script>
- </head>
-
- <body>
- <div id="wrapper">
- <header>
- <h1>Demo</h1>
- </header>
-
- <section id="core">
- <div class="profileinfo">
-
- <div class="gear">
- <label>Test:</label>
- <span id="pemail" class="datainfo">Info</span>
- <a href="#" class="editlink">Rediger</a>
- <a class="savebtn">Gem</a>
- </div>
-
- </div>
- </section>
- </div>
- </body>
- </html>
showpic.js
- $(document).ready(function(){
- $(".editlink").on("click", function(e){
- e.preventDefault();
- var dataset = $(this).prev(".datainfo");
- var savebtn = $(this).next(".savebtn");
- var theid = dataset.attr("id");
- var newid = theid+"-form";
- var currval = dataset.text();
-
- dataset.empty();
-
- $('<input type="text" name="'+newid+'" id="'+newid+'" value="'+currval+'" class="hlite">').appendTo(dataset);
-
- $(this).css("display", "none");
- savebtn.css("display", "block");
- });
- $(".savebtn").on("click", function(e){
- e.preventDefault();
- var elink = $(this).prev(".editlink");
- var dataset = elink.prev(".datainfo");
- var newid = dataset.attr("id");
-
- var cinput = "#"+newid+"-form";
- var einput = $(cinput);
- var newval = einput.attr("value");
-
- $(this).css("display", "none");
- einput.remove();
- dataset.html(newval);
-
- elink.css("display", "block");
- });
- });
Hentet herfra:
Link
Indlæg senest redigeret d. 07.04.2014 19:38 af Bruger #17554