Top
Phpuniverset logo
 
930 banner

INDHOLD

Forside

Script libary

Job annoncer

Tips og Tricks

Konkurrence

Downloads

Dokumenter

Forum

Online udviklere


ARTIKLER

C / C++

CSS

Diverse

E-handel / annoncer

Flash

Grafik

HTML

Internet

Javascript

Linux

PHP/MySQL

Programmer

Søgemaskiner

Windows


INFO

Information

Annoncering

Kontakt

Forside Forum Javascript Document.name has no properties

Document.name has no properties


 

Document.name has no properties

Lasse Emil  

Hej, jeg skriver her fordi jeg ikke lige kan komme videre.. Jeg har lavet et script med
både PHP og Javascript, men mit Javascript gider ikke rigtig, og jeg aner ikke hvorfor.
:)

Selve scriptet er en meget lille del af et meget større script hvor man kan vælge en
farve til beskeder man sender. I starten ligger der en masse konstanter, som vil komme fra
en masse andre dokumenter.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <?php

    
//Konstanter som senere hen vil blive inkluderet ind fra et andet dokument

    
$epoch date("U");
    
$day date("j");
    
$month date("n");
    
$year date("Y");
    
$hour date("H");
    
$minute date("i");
    
    
$username "Brugernavn";    //Brugerens brugernavn, hentet fra table users
    
$type "msg_color";        //Type kan kun indeholde "msg_color" eller "text_color"
    
$msg_color "FFFF00";        //Brugerens nuværende farver
    
$text_color "00FF00";        //Brugerens nuværende farver
    
$userid "12";            //Brugerens ID
    
    
$usercolor $msg_color;    //Brugerens nuværende farve, vil blive bestemt ud fra type i
det store script
    
    ?>
<script language="javascript" type="text/javascript">
    var type = document.forms['colorform'].subtype.value;    //$type bliver også submittet,
hent type
        
    function changeColor(color){
        type = document.forms['colorform'].subtype.value;    //pga problemer hentes type igen
        
        document.forms['colorform'].color.value = color;    //Farvekoden bliver skrevet i et
tekstfelt
        var colorCode = "#"+document.forms['colorform'].color.value;    //Der sættes # foran
        if(type == "msg_color"){    //Text-farve eller baggrundsfarve
            document.namebar.style.background = colorCode;        
            document.displaycolor.background = colorCode;
        }else if(type == "text_color"){
            document.displaycolor.style.color = colorCode;
        }
    }
</script>
    
<title>Untitled Document</title>
<style type="text/css">
    
    /*    COLORSETTINGS     ################################    (skal sættes ind i style.css)*/
        
    #test_msg div.namebar img{    
        float:left;
        
        margin-top: -5px;
        margin-right: 5px;
        margin-bottom: 5px;
        margin-left: 5px;
            
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        border-left: 1px solid #000000;
        border-right:1px solid #000000;
    }
    
    #test_msg div.namebar{
        width:438px;
        height:110px;
        text-align:left;
        color:#00FF00;
        background:#993300;
        
        padding-top: 10px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        
        margin-top: 5px;
        margin-right: 5px;
        margin-bottom: 0px;
        margin-left: 5px;
        
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        border-left: 1px solid #000000;
        border-right:1px solid #000000;
    }

    #test_msg div.displaycolor{
        width:408px;
        text-align:left;
        color:#00FF00;
        background:#993300;
                        
        padding-top: 1px;
        padding-right: 15px;
        padding-bottom: 1px;
        padding-left: 15px;
        
        margin-top: 0px;
        margin-right: 5px;
        margin-bottom: 5px;
        margin-left: 5px;
        
        border-top: 0px solid #000000;
        border-bottom: 1px solid #000000;
        border-left: 1px solid #000000;
        border-right:1px solid #000000;
    }

</style>
</head>
<body>
<?php

$color
[0] = "00";
$color[1] = "33";
$color[2] = "66";
$color[3] = "99";
$color[4] = "CC";
$color[5] = "FF";
    
    echo 
"<div id=\"test_msg\">";
        echo 
"<div class=\"namebar\" name=\"namebar\">\n";
            echo 
"<a href=\"#\"><img src=\"forum/grafik/avatar.jpg\" border=\"0\"></a>\n";
            echo 
"<a href=\"#\" class=\"username\">" $username "</a>\n";
            echo 
"" $day "/" $month "-" $year " - " $hour ":" $minute "\n";
        echo 
"</div>\n";    
        
        echo 
"<div class=\"displaycolor\" name=\"displaycolor\">\n";
            echo 
"En masse tekst med forskellige farver";
        echo 
"</div>\n";
    echo 
"</div>\n";
    
    echo 
"<div id=\"colortable\">\n";
    echo 
"<table class=\"colortable\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">\n";
    
    
$i_reds 0;
    
    while(
$i_reds <= 5){
        
        
$reds $color[$i_reds];
        
$i_greens 0;
        
        while(
$i_greens <= 5){
            
            
$greens $color[$i_greens];
            
$i_blues 0;
            
            echo 
"<tr>\n";
            
            while(
$i_blues <= 5){
                
$blues $color[$i_blues];
                
                
$hex_color $reds $greens $blues;
                
                echo 
"<td><a href=\"#\" onClick=\"changeColor('" $hex_color "');\"
style=\"color:#" 
$hex_color "; background:#" $hex_color ";\">&nbsp;</a></td>\n";
                
                
$i_blues++;
            }
            
            echo 
"</tr>\n";            
            
$i_greens++;
        }
        
$i_reds++;
    }
    
    echo 
"</table>\n";
    
    echo 
"<form action=\"#\" method=\"post\" name=\"colorform\"
onSubmit=\"document.forms['colorform'].ok.value = 'Loading...'\">\n"
;
    echo 
"<input type=\"hidden\" name=\"type\" value=\"user_settings\">\n";
    echo 
"<input type=\"hidden\" name=\"p\" value=\"users\">\n";
    echo 
"<input type=\"hidden\" name=\"sp\" value=\"settings\">\n";
    echo 
"<input type=\"hidden\" name=\"subtype\" value=\"" $type "\">\n";
    echo 
"<input type=\"hidden\" name=\"userid\" value=\"" $userid "\">\n";
    echo 
"<input tyype=\"text\" name=\"color\" class=\"text\" value=\"" $usercolor .
"\">";
    echo 
"<input type=\"submit\" value=\"Gem farve\" class=\"submit\" name=\"ok\">";
    echo 
"</form>\n";
    echo 
"</div>\n";

?>
</body>
</html>

Når jeg bare fortæller den at den skal skrive farvekoden i text-feltet, så virker det
fint, men så snart jeg skal bruge en af de 2 divs til noget så får jeg følgende i
Firefox fejlkonsol:

Fejl: document.namebar has no properties
Fejl: document.displaycolor has no properties

Jeg har også forsøgt mig med et id='namebar' og
document.getElementById['namebar'].style.color

Men det gav samme resultat.



Dato : 12.06.2007, 10:58

Visninger : 3739

Points : 100

 

document.displaycolor.background = colorCode;

Ovenstående er lige en fejl, der skal stå

document.displaycolor.style.background = colorCode;


Dato : 12.06.2007, 11:09

Kommentar af : Lasse Emil  

 

Hej 
Jeg bruger altid document.getElementById("id") hvis det er muligt. Det virker altid i
firefox og ie. Hvad jeg lige kan se så har den div du referer til ikke noget id men kun
class og name. 


Dato : 27.10.2007, 11:14

Kommentar af : DaviDisDK  

 

Tråden lukkes da det ikke lige er aktuelt længere..

DaviDisDK -> Det er ikke en god løsning, i og med at et ID vil kunne komme frem flere
gange. 


Dato : 05.11.2007, 16:22

Svar af : Lasse Emil  




Login for at skrive et indlg :



   Brugernavn

Password
 

+ Opret en ny Bruger, Klik her

+ Glemt brugernavn/password

 

Send Artikel/anmeldelse til: phpuni@phpuniverset.dk

Tilbage til oversigt

Phpuniverset's politik om personlige oplysninger, artikler & Koder Phpuniverset er optimeret til Mozilla 1024 * 768 Phpuniverset version: 3.0 beta
Webhost : Ignesco.dk

Bund