php / Html slider probleem

Hallo,

ik heb een html slider en wil ik die dus in php doen dus heb het zo gedaan

Spoiler tonen

if (isset($_SESSION["gebruikersnaam"]) && $_SESSION["hash"] == sha1($_SESSION["gebruikersnaam"].$_SERVER["REMOTE_ADDR"])) {
if(isset($_GET[lid])){
if(isset($_POST[sumbit])){
mysql_query("UPDATE leden SET email = " .$_POST[email]. ", ip = " .$_POST[ip]. ", status = " .$_POST[status]. ", gebruikersnaam = " .$_POST[naam]. " WHERE gebruikersnaam = " .$_GET[lid]. "")  or die(mysql_error());
        echo <meta http-equiv="refresh" content="4; URL= wijziglid.php">;
        echo Je hebt het account .$_GET[lid]. succesvol gewijzigd;
}else{
$sql = mysql_query("SELECT * FROM leden WHERE gebruikersnaam = " .$_GET[lid]. "") or die(mysql_error());
$fetch = mysql_fetch_assoc($sql) or die (mysql_error());
         echo <form action="" name"sumbit" method="post">;
echo Naam: <input type="text" value=".$_GET[lid]." name="naam"/><br />;
echo Email: <input type="text" value=".$fetch[email]." name="email"/><br />;
echo Status: <input type="text" value=".$fetch[status]." name="status"/><br />;
echo Ipadress: <input type="text" value=".$fetch[ip]." name="ip"/><br />;
echo <input type="submit" name="sumbit" value="wijzig" />;
echo </form>;
}
}else{
$sql = mysql_query("SELECT * FROM leden") or die(mysql_error());
    if(mysql_num_rows($sql) == 0){
    echoEr zijn geen leden;
}else{  
         echo <form action="?edit" name"verzend" method="get">;
                echo <br /><br /><br />;
                
                echo <form>
        
            <div id="slider_target" class="left"></div> &nbsp;
            <input type="text" name="mhz" size="3" value="200" class="left1"> MHZ<br /><br /><br /><br />
            

            <div id="slider_target2" class="left"></div> &nbsp;
            <input type="text" name="mb" size="3" value="128" class="left1"> MB<br /><br /><br /><br />
            
            <div id="slider_target3" class="left"></div> &nbsp;
            <input type="text" name="gb" size="3" value="10" class="left1"> GB<br /><br />    <br /><br />
</form>;

echo </body>;
        echo <input type="submit" value="wijzig" />;
        echo </form>;

   }
   }
  } 
?>

dan geeft die dit weer:

maar dit moet die weergeven:
weten jullie misschien hoe dat kan ?

want als ik dit in een aparte file bijv: test.php dan geeft die het wel weer

Spoiler tonen

<!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" />
<script src="slider.js"></script>
    
<title>vpshostingbedrijf</title>
<link rel="stylesheet" type="text/css" href="style.css" />

</head>

<body>
             
                <br /><br /><br />
                
                <form>
        
            <div id="slider_target" class="left"></div> &nbsp;
            <input type="text" name="mhz" size="3" value="200" class="left1"> MHZ<br /><br /><br /><br />
            

            <div id="slider_target2" class="left"></div> &nbsp;
            <input type="text" name="mb" size="3" value="128" class="left1"> MB<br /><br /><br /><br />
            
            <div id="slider_target3" class="left"></div> &nbsp;
            <input type="text" name="gb" size="3" value="10" class="left1"> GB<br /><br />    <br /><br />
</form>


<script type="text/javascript">
// Javascript for example 1
form_widget_amount_slider(slider_target,document.forms[0].mhz,405,0,2800,"setColorByHSB()");
form_widget_amount_slider(slider_target2,document.forms[0].mb,405,0,2048,"setColorByHSB()");
form_widget_amount_slider(slider_target3,document.forms[0].gb,405,0,300,"setColorByHSB()");
</script>
</body>

Heb je wel in je header staan?
Staat

Wel onderaan?

Dit is de slider.js

var form_widget_amount_slider_handle = images/slider.png;
var slider_handle_image_obj = false;
var sliderObjectArray = new Array();
var slider_counter = 0;
var slideInProgress = false;
var handle_start_x;
var event_start_x;
var currentSliderIndex;
var sliderHandleWidth = 23;

function form_widget_cancel_event()
{
    return false;
}

function getImageSliderHeight(){
    if(!slider_handle_image_obj){
        slider_handle_image_obj = new Image();
        slider_handle_image_obj.src = form_widget_amount_slider_handle;
    }
    if(slider_handle_image_obj.width>0){
        return;
    }else{
        setTimeout(getImageSliderHeight(),50);
    }
}


function positionSliderImage(e,theIndex)
{

    if(!theIndex)theIndex = this.getAttribute(sliderIndex);
    var theValue = sliderObjectArray[theIndex][formTarget].value;
    if(!theValue.match(/^[0-9]*$/g))theValue=sliderObjectArray[theIndex][min] +;
    if(theValue/1>sliderObjectArray[theIndex][max])theValue = sliderObjectArray[theIndex][max];
    if(theValue/1<sliderObjectArray[theIndex][min])theValue = sliderObjectArray[theIndex][min];
    sliderObjectArray[theIndex][formTarget].value = theValue;
    var handleImg = document.getElementById(slider_handle + theIndex);
    var ratio = sliderObjectArray[theIndex][width] / (sliderObjectArray[theIndex][max]-sliderObjectArray[theIndex][min]);
    var currentValue = sliderObjectArray[theIndex][formTarget].value-sliderObjectArray[theIndex][min];
    handleImg.style.left = Math.round(currentValue * ratio) + px;
}



function adjustFormValue(theIndex)
{
    var handleImg = document.getElementById(slider_handle + theIndex);
    var ratio = sliderObjectArray[theIndex][width] / (sliderObjectArray[theIndex][max]-sliderObjectArray[theIndex][min]);
    var currentPos = handleImg.style.left.replace(px,);
    sliderObjectArray[theIndex][formTarget].value = Math.round(currentPos / ratio) + sliderObjectArray[theIndex][min];

}

function initMoveSlider(e)
{

    if(document.all)e = event;
    slideInProgress = true;
    event_start_x = e.clientX;
    handle_start_x = this.style.left.replace(px,);
    currentSliderIndex = this.id.replace(/[^d]/g,);
    return false;
}

function startMoveSlider(e)
{
    if(document.all)e = event;
    if(!slideInProgress)return;
    var leftPos = handle_start_x/1 + e.clientX/1 - event_start_x;
    if(leftPos<0)leftPos = 0;
    if(leftPos/1>sliderObjectArray[currentSliderIndex][width])leftPos = sliderObjectArray[currentSliderIndex][width];
    document.getElementById(slider_handle + currentSliderIndex).style.left = leftPos + px;
    adjustFormValue(currentSliderIndex);
    if(sliderObjectArray[currentSliderIndex][onchangeAction]){
        eval(sliderObjectArray[currentSliderIndex][onchangeAction]);
    }
}

function stopMoveSlider()
{
    slideInProgress = false;
}

var sliderPreloadedImages = new Array();
sliderPreloadedImages[0] = new Image();
sliderPreloadedImages[0].src = form_widget_amount_slider_handle;

function form_widget_amount_slider(targetElId,formTarget,width,min,max,onchangeAction)
{
    if(!slider_handle_image_obj){
        getImageSliderHeight();
    }

    slider_counter = slider_counter +1;
    sliderObjectArray[slider_counter] = new Array();
    sliderObjectArray[slider_counter] = {"width":width - sliderHandleWidth,"min":min,"max":max,"formTarget":formTarget,"onchangeAction":onchangeAction};

    formTarget.setAttribute(sliderIndex,slider_counter);
    formTarget.onchange = positionSliderImage;
    var parentObj = document.createElement(DIV);


    parentObj.style.height = 36px;    // The height of the image
    parentObj.style.position = relative;
    parentObj.id = slider_container + slider_counter;
    document.getElementById(targetElId).appendChild(parentObj);

    var obj = document.createElement(DIV);
    obj.className = form_widget_amount_slider;
    obj.innerHTML = <span></span>;
    obj.style.width = width + px;
    obj.id = slider_slider + slider_counter;
    obj.style.position = absolute;
    obj.style.bottom = 0px;
    parentObj.appendChild(obj);

    var handleImg = document.createElement(IMG);
    handleImg.style.position = absolute;
    handleImg.style.left = 0px;
    handleImg.style.zIndex = 5;
    handleImg.src = slider_handle_image_obj.src;
    handleImg.id = slider_handle + slider_counter;
    handleImg.onmousedown = initMoveSlider;

    parentObj.style.width = obj.offsetWidth + px;

    if(document.body.onmouseup){
        if(document.body.onmouseup.toString().indexOf(stopMoveSlider)==-1){
            alert(You allready have an onmouseup event assigned to the body tag);
        }
    }else{
        document.body.onmouseup = stopMoveSlider;
        document.body.onmousemove = startMoveSlider;
    }
    handleImg.ondragstart = form_widget_cancel_event;
    parentObj.appendChild(handleImg);
    positionSliderImage(false,slider_counter);


}
form_widget_amount_slider(slider_target,document.forms[0].mhz,405,0,2800,"setColorByHSB()");
form_widget_amount_slider(slider_target2,document.forms[0].mb,405,0,2048,"setColorByHSB()");
form_widget_amount_slider(slider_target3,document.forms[0].gb,405,0,300,"setColorByHSB()");
}

ja ik heb dat in de staan

Maar heb je die laatste tekst ook onderaan je gewone bestand staan?

Ja die heb ik ook onderaan.

Geeft fouten console nog een melding?

Even zeggen : je start je form 2x