2016-04-09 89 views
0

我做了一個網頁,其中我上傳圖像到數據庫n顯示他們再次從databse..while上傳圖像我添加評論它在textarea,並同時顯示評論顯示和也可編輯,現在我添加了一個添加評論textarea與顯示無,並希望顯示它點擊一個按鈕與jQuery的顯示功能。
我能夠顯示(使用jquery)textarea(有顯示:無屬性)點擊'添加評論'按鈕,但問題是它總是打開最後上傳的圖像的文本區
我讀了關於使用jquery最接近的屬性但它不是我的代碼工作,,我可能失去了一些東西,我不知道
這是我所需要的CSS如果ü嘗試乳寧的計劃,WUD b需要..如何使用jquery最接近的功能

#commen{ 
     display:none; 
    } 
    #sq { 
    background-image:url("wood.jpg"); 
     margin-top:1%; 
     margin-left:30%; 
     margin-right:20%; 
     height: 70%; 
     width:40%; 
     float:left;} 

代碼,我顯示圖像和上傳時的評論輸入,有一個添加按鈕,它給出

 function displayimage() 
    { 
    <div id="sq"> 
    <?php 
    $servername = "localhost"; 
    $username = "root"; 
    $password = ""; 
    $dbname = "databaseimage"; 

    // Create connection 
    $conn = new mysqli($servername, $username, $password, $dbname); 
    // Check connection 
    if ($conn->connect_error) { 
     die("Connection failed: " . $conn->connect_error); 
    } 
    $sql = mysqli_query($conn,"SELECT * FROM images order by   image_id   DESC"); 

    while ($image = mysqli_fetch_assoc($sql)) 
    { 
    echo ' <img src="data:image/jpeg;base64,'.base64_encode(  $image['url']).'" width="100%" height="100%">'; 
    $id=$image['image_id']; 
    $sqlit = mysqli_query($conn,"SELECT * FROM images_comments   where   comment_id='$id'"); 
     $image1 = mysqli_fetch_assoc($sqlit); 
     $text = $image1['text']; 
    echo "<form method='post' action='page.php'> 
     <textarea name='comment'   onblur=style.backgroundColor='darkgray'     onclick=style.backgroundColor='white'>$text</textarea> 
     <input type='hidden' name='imageID' value='$id'/> 
     <input type='submit' name='submitComment' value='Submit'></form>"; 

     echo "<div id='commen'> 
     <form method='POST' action='comm.php'>       
     <textarea name='commentx'></textarea>    
     <input type='submit' name='Adcom' value='Add'> 
     </form> 
     </div><a class='comment'>Add Comment</a>"; 
     echo nl2br("\n"); 
    } 

    ?> 
    </div> 

我的jquery f性別

<script> 
    $(document).ready(function(e) { 

    $('.comment').click(function(){  
    $('#commen').show(); 
    }); 
    }); 
    </script> 

我只是不知道如何使用最接近的功能。
只需要知道如何使用最接近溫控功能正常這裏
任何幫助表示讚賞,感謝名單...

我也曾經嘗試這樣的代碼顯示...

$('.comment').click(function(){  
$(this).prev().show(); 
}); 

回答

0

首先你可能不應該有多個元素在同一頁面上具有相同的id。你可能想在你的JavaScript中是什麼

$('.comment').click(function(){  
    $(this).prev().show(); 
}); 
+0

Thanx克里斯這麼快Rply ...所以你建議我寒暄使用js而不是jq?是對的嗎?和尼婭相同的ID,所以你的意思是分區? –

+0

另外我懷疑你沒有包括任何地方點擊添加按鈕時,你的js函數執行如何在commen div中的textarea wud顯示?我剛剛開始網絡編程,所以對於愚蠢的問題抱歉 –

+0

@ShubhamAmbavale JQuery是JavaScript。這只是一個使許多操作更容易的庫。如果你覺得它有用,我會堅持使用它。是的,我的意思是會有多個ID爲'commen'的div。 – Chris