How to replace the div content onclick?

Discussion in 'JavaScript' started by siva1117, Aug 9, 2008.

  1. #1
    Here is my script..
    This works perfectly if the call the variable $ssk in the html, but it is not working when i call the variable $cvb.

    Please help me out...



    <!-- php code start -->
    <?

    $cvb='<div id="flashcontent">
    <script type="text/javascript">
    var so = new SWFObject("player.swf", "sree", "635", "240", "9", "#E7E7E7");
    so.addVariable("p_list", "try.xml");
    so.addParam("allowFullScreen", "true");
    so.write("flashcontent");
    </script>
    </div> ';

    $ssk='SREE';

    ?>
    <!-- php code end -->


    <html>
    <head>
    <script type="text/javascript" src="swfobject.js"></script>
    <title>Change div content</title>

    <style>
    /* this is just to add color and look :)*/
    div, a { padding:3px; margin:3px 3px 33px 3px; }
    #scriptVars1 { border:1px solid red; width:635px; height:240px; background-color:#EEE;}
    </style>

    <script>
    function changeDivContent( nameOfDiv, newContent )
    {
    var div = document.getElementById( nameOfDiv );
    if( div )
    {
    div.innerHTML = newContent;
    }
    }
    </script>

    </head>
    <body>
    <a href="#" onclick="changeDivContent( 'scriptVars1', '<? echo $ssk; ?>' )">Click here to change the content</a>

    <div id="scriptVars1">
    <br/><br/><br/><br/>
    This content should be replaced...
    </div>

    </body>
    </html>


    Any help from this forum would be really appreciated.:(
     
    siva1117, Aug 9, 2008 IP
  2. Kaizoku

    Kaizoku Well-Known Member

    Messages:
    1,261
    Likes Received:
    20
    Best Answers:
    1
    Trophy Points:
    105
    #2
    Kaizoku, Aug 10, 2008 IP