Jeditable не работает при наведении мыши - PullRequest
Новая
       33

Jeditable не работает при наведении мыши

0 голосов
/ 14 мая 2011

Я работаю на драматическом веб-сайте сообщества и хотел бы, чтобы люди могли вносить предложения по редактированию сценария.

На данный момент это всего лишь пример, но процесс выглядит следующим образом:

  1. Получить часть текста из (сценарий фильма «Назад в будущее»)
  2. Строки ограничены

  3. .PHP
  4. каждая строка должна быть редактируемой, с jeditable.
  5. и вывод должен быть отправлен в базу данных с другой страницы

Итак, у меня есть строки1-3, чтобы работать хорошо, но я борюсь с функциями редактирования.Код выглядит следующим образом (извлечение): 

<?php
//retrieve data
require_once('mysql_login.php');
?>
<!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>Edit the Script</title>
<script src="Scripts/jeditable.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
     $(".mouseover").editable("http://localhost/milton/save.php", {
tooltip   : "Move mouseover to edit...",
      event     : "mouseover",
      style  : "inherit"
    });
});
</script>
</head>

<body>
<div id="chapter02">
    <h2>Chapter Two</h2>
    <?php
    $scriptText = "Chapter02.txt";
    $fh = fopen($scriptText, 'r') or die("Can't open file");
    $text=fread($fh, filesize($scriptText));
    $lines = explode('<p>',$text);
    //$lines = explode('<p>',$scriptText);
    echo "Chapter 2 has ".count($lines)." lines.<p>";
    // loop through and print all the words
    for ($i = 0; $i < count($lines); $i++)
    {
        $lineNumber = $i+1;
        if 
        echo '<div class=\"edit_area\" id=\"div_'.$i.'\">'.'Line ' . $lineNumber . ' - ' . $lines[$i] . '</div>';
    }
    ?>
</div>
</body>
</html>

1 Ответ

0 голосов
/ 15 мая 2011

Вам нужно указать div, который вы хотите отредактировать, с указанием класса мыши. Так что, где вы эхо <div class=\"edit_area\", вы должны сделать это <div class=\"edit_area mouseover\".

...