1

こんにちは、誰かがこのプロジェクトで私を助けてくれますか? ここに画像があります

誰かがこれとここでいくつかのコーディングを手伝ってくれるなら、私は複数の問題を抱えています青い画像を持つimage.phpは、画像名、説明などを取得するphpを使用し、画像はphpが呼び出すディレクトリに保存されます名前だけ..

問題は、ページを呼び出すと画像が表示されず、データベースからのデータ/文字列が表示されますが、画像部分は表示されないことです。どうすればこれを修正できますか??

また、データベースに接続して製品リストを表示するナビゲーションがありますここで ajax を使用して製品 ID 名をデータベースに追加し、表示される 1 つの php ページだけでファイルを追加する必要がないようにしますここにある製品とその画像は、私が使用したコーディングです

CSS コード

<style>
    #body{
        background-image:url(bg0.png);
        background-repeat:repeat-x;
        width:100%;
        height:100%;            
    }

    #header{
        width:90%;
        height:150px;
        background-color:#39F;
        margin:auto;
        background-image:url(hd.png);
        border-radius: 15px;
        -moz-box-shadow: 3px 3px 4px #000;
        -webkit-box-shadow: 3px 3px 4px #000;
        box-shadow: 10px 10px 25px #000;

    }

    #himg{      
        border-radius: 0px 0px 0px 15px;
    }

    #navi{
        float:left;
        width:20%;
        height: 500px;
        margin-left: 74px;
        margin-top: 10px;
        border-radius: 100px 0px 100px 0px;     
        overflow:hidden;
        position:relative;
        background-color:#456B87;
        background-image:url(nav1.png);         
        -moz-box-shadow: 3px 3px 4px #000;
        -webkit-box-shadow: 3px 3px 4px #000;
        box-shadow: 8px 10px 8px #000;

    }

    #navi ol{
        clear:left;
        float:left;
        list-style:none;
        margin:0;
        padding: 0;
        position:relative;
        text-align:center;
        left:50%;
        vertical-align:middle;
        display:table-cell;
    }

    #navi ol li{
        display:block;
        float:left;
        list-style:none;
        margin:0;
        padding:0;
        position:relative;
        right:50%;
    }

    #navi ol li details{
        border-style:solid;
        border-radius:  25px 0px 25px 0px;
        width: 200px;
        background-color:#FDB735;
    }

    #navi ol li details summary::-webkit-details-marker { display:none; }

    #bod{
        background-color:#FFFFFF;
        float:left;
        width: 69%;
        max-width: 69%;
        margin-left: 9px;
        margin-top: 10px;
        height: 500px;
        max-height: 500px;
        border-radius: 15px;
        background-image:url(nav1.png); 
        -moz-box-shadow: 3px 3px 4px #000;
        -webkit-box-shadow: 3px 3px 4px #000;
        box-shadow: 10px 10px 15px #000;
    }

    #main{
        background-color:#FFFFFF;
        width: 95%;     
        margin-top: 20px;
        border-radius: 15px;        
        height: 90%;                
    }

</style>

AJAX / ジャバスクリプトコード

<script language="JavaScript" type="text/javascript">
    function getXmlHttpRequestObject() {
        if (window.XMLHttpRequest) {
            return new XMLHttpRequest(); //Not IE
        } else if(window.ActiveXObject) {
            return new ActiveXObject("Microsoft.XMLHTTP"); //IE
            alert("Your browser doesn't support the XmlHttpRequest object.  Better upgrade to Firefox.");
        }
    }           
    var receiveReq = getXmlHttpRequestObject();     
    function catia() {
        if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
            receiveReq.open("GET", 'products/product-display-cat.php', true);
            receiveReq.onreadystatechange = handleCat; 
            receiveReq.send(null);
        }           
    }
    function handleCat() {
        if (receiveReq.readyState == 4) {
            document.getElementById('main').innerHTML = receiveReq.responseText;

        }
    }
</script>

Javaスクリプトの終わり

HTMLコード

<div id='navi'>
    </br>
    </br>
    <ol>
        <li><details>
            <summary>Products</summary>
            <table align='center'>
                <tr>
                    <td><a href='javascript:cat();'>Catia</a></td>
                </tr>

            </table>                    
        </details></li>
    </ol>
</div>

HTMLコードの終わり

これは、ajax を使用して呼び出していた元のページ コードです。

<?php
$result = mysql_query("SELECT * FROM products WHERE ID='6'");                
while($row = mysql_fetch_array($result))                    
{echo"
    <tr><td><img src='image/1361663812.png'></td></tr>

    <tr><td colspan='2'><img src='image/".$row['Logo']."'></td></tr>        

    <tr><td>Product: ".$row['Product']."</td></tr>
":}
?>

これは、元のページ コードの終わりです。

あなたの時間と努力に感謝します! javascript で申し訳ありませんが、適切に表示する方法がわかりません。もう一度感謝します

4

1 に答える 1

1

わかりました

document.getElementById('img').style.visibility = 'visible';
                    document.getElementById('img').style.display = 'block';
                    document.getElementById('img').src='products/image/1361663812.png';

ajax部分の後

于 2013-03-04T02:25:23.117 に答える