Avatar billede inctor Nybegynder
27. februar 2006 - 20:59 Der er 27 kommentarer og
1 løsning

Profil Popup Vindue.

HeeJ ..
Jeg fandt denne her OverLib agtig script herinde:
<?

@mysql_connect("localhost","root","");
@mysql_select_db("chatnet");
$test = mysql_query("SELECT * FROM users");
while ($hmm = mysql_fetch_array($test)){
echo "
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01//EN\" \"http://www.w3.org/TR/html4/strict.dtd\">
<html>
<head>
    <title>Untitled</title>
    <script type=\"text/javascript\">
    function over(e, g)
    {
      // lav variabler
      var x,y, z;
     
      // div
      z = document.getElementById(g);
     
      // variabler
      x = e.clientX;
      y = e.clientY;
     
      // ryd gamle data
      z.style.display = \"none\";
      z.style.left = \"0px\";
      z.style.top = \"0px\";
     
      // nye data
      z.style.display = \"block\";
      z.style.left = x + \"px\";
      z.style.top = y + \"px\";
    }
   
    function ud(g)
    {
      var z;
      z = document.getElementById(g);
      z.style.display = \"none\";
    }
    </script>
</head>

<body>
<!-- #1 -->
<div id=\"indhold-01\" style=\"width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;\">
    <img src=\"
";echo "$hmm[website]";
echo "\" alt=\"\" />
    <br />
    <b> ";
echo "$hmm[username]";
echo "</b>
    <br />
    ";
echo "Status: $hmm[STATUS]";
echo "
</div>

<a id=\"indhold-01\" onmouseout=\"ud(this.id);\" onmouseover=\"over(event,this.id);\">";
echo "$hmm[username]";
echo "</a>


<!-- /#1 -->

<br />

</body>
</html>
";
}?>

jeg vil gerne have at den skal vise alle brugerne, den udskriver alle brugernavne, men den ændrer ikke oplysningerne når jeg kører den over et nyt navn, der står stadig de samme ting som der står i nummer 1 .. Hvordan gør jeg så at den skifter oplysninger hver gang jeg kører den over et nyt navn ? :S
Avatar billede webudvikleren Nybegynder
27. februar 2006 - 21:11 #1
Hej.
Kan se du bruger mit script jeg næsten lige har postet :-)
Så synes da lige jeg vil hjælpe dig.

Du skal bare give din div og aID et andet ID bag ved, fx:

<div id=\"indhold-" . $hmm[id] . "\" style=\"width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;\">

samt

<a id=\"indhold-" . $hmm[id] . "\" onmouseout=\"ud(this.id);\" onmouseover=\"over(event,this.id);\">";
echo "$hmm[username]";
echo "</a>
Avatar billede webudvikleren Nybegynder
27. februar 2006 - 21:19 #2
Desuden - hvorfor ikke gøre det nemmere?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Untitled</title>
    <script type=\"text/javascript\">
    function over(e, g)
    {
      // lav variabler
      var x,y, z;
     
      // div
      z = document.getElementById(g);
     
      // variabler
      x = e.clientX;
      y = e.clientY;
     
      // ryd gamle data
      z.style.display = "none";
      z.style.left = "0px";
      z.style.top = "0px";
     
      // nye data
      z.style.display = "block";
      z.style.left = x + "px";
      z.style.top = y + "px";
    }
   
    function ud(g)
    {
      var z;
      z = document.getElementById(g);
      z.style.display = "none";
    }
    </script>
</head>

<body>

<?php
$s = "";
function connect()
{
    mysql_connect("localhost","root","");
    mysql_select_db("chatnet");
}

function getChatters($username, $id, $website, $status)
{
    $s.= "<!-- #ID: " . $id . " -->\r\n";
    $s.= "<div id=\"indhold-" . $id . "\" style=\"width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;\">";
    $s.= "<img src=\"" . $website . "\" alt=\"user: " . $id . "\" />\r\n";
    $s.= "<strong>" . $username . "</strong><br />\r\n";
    $s.= "Status: " . $status . "\r\n";
    $s.= "</div>\r\n";
    $s.= "<!-- / #ID: " . $id . " -->\r\n";
   
    $s = "<a id=\"indhold-" . $id . "\" onmouseout=\"ud(this.id);\" onmouseover=\"over(event,this.id);\">";
    $s = "" . $username . "\r\n";
    $s = "</a>\r\n";
   
    $s = "<hr />";

    print $s . "\r\n";
}

// connect
connect();

//hent
$test = mysql_query("SELECT `id`, `status`, `website`, `username` FROM `users` ORDER BY `username` ASC");
while ($hmm = mysql_fetch_assoc($test))
{
    getChatters($hmm["username"], $hmm["id"], $hmm["website"], $hmm["status"]);
}
?>
</body>
</html>
Avatar billede inctor Nybegynder
27. februar 2006 - 21:30 #3
øøøh ? fatter ingen ting af det sidste script .. :) er ikke så meget inde i det nye php, kender kun til de mest basale koder .. men tænkte godt jeg kunne bytte den ud med mit id fra db'en ..
Avatar billede webudvikleren Nybegynder
27. februar 2006 - 21:32 #4
Det eneste du faktisk skal ændre er:

$test = mysql_query("SELECT `id`, `status`, `website`, `username` FROM `users` ORDER BY `username` ASC");
Avatar billede inctor Nybegynder
27. februar 2006 - 21:33 #5
jeg behøvede ikke de der tegn rundt om $hmm[id], kunne godt nøjes med at skrive $hmm[id] .. :D
Avatar billede webudvikleren Nybegynder
27. februar 2006 - 21:34 #6
Det er bedst at sætte " i din query, prøv mit script - det skulle virke så længe du har tabellen "users" med felterne:

--id,
-----status, 
-----------website,
------------------username
Avatar billede inctor Nybegynder
27. februar 2006 - 21:35 #7
men det ikke sikkert at det er de felter jeg skal bruge, derfor har jeg nemlig lavet SELECT * FROM users ..
SELECT ALL FROM users ..
kan man egentligt godt skrive ALL istedet for * ? :S
Avatar billede inctor Nybegynder
27. februar 2006 - 21:37 #8
Hmm .. er det muligt at gøre baggrunden i det popup vindue der kommer helt hvid eller en anden farve ? :S
Avatar billede webudvikleren Nybegynder
27. februar 2006 - 21:38 #9
Nej.
Og vil også sige det er igen en dum idé at bruge * i dit udtræk, for hvis du har fx 2000 brugere der skal udtrækkes, så henter du alt fra din MySQL også bliver siden langsom at hente.

Udtræk kun de data du har brug for.
Avatar billede inctor Nybegynder
27. februar 2006 - 21:38 #10
x = e.clientX;
y = e.clientY;

Så lide de to der, Hmm , så burde det vel være muligt at lave et Javascript som fortæller hvilke koordinater ens mus er på ? vil jeg da tro hvis man brugte dem der .. :S ?
Avatar billede webudvikleren Nybegynder
27. februar 2006 - 21:39 #11
Ja, det er muligt.
Det gør du ved brug af style.backgroundColor som hører til i javascript kategorien.

  <script type=\"text/javascript\">
    function over(e, g)
    {
      // lav variabler
      var x,y,z, color;
      color = "#FFF";
      // div
      z = document.getElementById(g);
     
      // variabler
      x = e.clientX;
      y = e.clientY;
     
      // ryd gamle data
      z.style.display = "none";
      z.style.left = "0px";
      z.style.top = "0px";
     
      // nye data
      z.style.backgroundColor = "" + color + "";
      z.style.display = "block";
      z.style.left = x + "px";
      z.style.top = y + "px";
    }
   
    function ud(g)
    {
      var z;
      z = document.getElementById(g);
      z.style.display = "none";
    }
    </script>
Avatar billede webudvikleren Nybegynder
27. februar 2006 - 21:40 #12
Ja.
Det kan du så gøre ved brug af JavaScript igen.

alert("Din x akse kordinat: " + x);
alert("Din y akse kordinat: " + y);
Avatar billede inctor Nybegynder
27. februar 2006 - 21:41 #13
jeg får fejl på linie 19 ? det er: z = document.getElemtnById(g); ???
Avatar billede webudvikleren Nybegynder
27. februar 2006 - 21:43 #14
Hvordan ser din kildekode ud når du er på din side?

Ligner det noget ala:
<a id="indhold-et tal" ....> ... </a>
Avatar billede inctor Nybegynder
27. februar 2006 - 21:43 #15
Parse error: syntax error, unexpected T_STRING, expecting ',' or ';' in C:\wamp\www\script.php on line 19


det står der på min side ? det du mener ?
Avatar billede webudvikleren Nybegynder
27. februar 2006 - 21:43 #16
Det tyder muligvis på den ikke kan finde den overskreven div som har id'et som du peger på.

Prøv at tjek om du får [object] i en alert ved:

alert(g);
Avatar billede inctor Nybegynder
27. februar 2006 - 21:44 #17
hvor skal jeg sætte den ind ? i starten af scriptet ?
Avatar billede webudvikleren Nybegynder
27. februar 2006 - 21:44 #18
Min fejl - beklager.

function getChatters($username, $id, $website, $status)
{
    $s = "";
    $s.= "<!-- #ID: " . $id . " -->\r\n";
    $s.= "<div id=\"indhold-" . $id . "\" style=\"width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;\">";
    $s.= "<img src=\"" . $website . "\" alt=\"user: " . $id . "\" />\r\n";
    $s.= "<strong>" . $username . "</strong><br />\r\n";
    $s.= "Status: " . $status . "\r\n";
    $s.= "</div>\r\n";
    $s.= "<!-- / #ID: " . $id . " -->\r\n";
   
    $s.= "<a id=\"indhold-" . $id . "\" onmouseout=\"ud(this.id);\" onmouseover=\"over(event,this.id);\">";
    $s.= "" . $username . "\r\n";
    $s.= "</a>\r\n";
   
    $s.= "<hr />";

    print $s . "\r\n";
}
Avatar billede inctor Nybegynder
27. februar 2006 - 21:45 #19
nu siger den der opstod en fejl på siden .
Avatar billede webudvikleren Nybegynder
27. februar 2006 - 21:46 #20
Som jeg skrev tidligere, hvordan ser din kildekode ud, når du ser din side.
Højreklik -> Vis kilde og post alt det du får her.
Avatar billede inctor Nybegynder
27. februar 2006 - 21:46 #21
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Untitled</title>
    <script type=\"text/javascript\">
    function over(e, g)
    {
      // lav variabler
      var x,y, z;
     
      // div
      z = document.getElementById(g);
     
      // variabler
      x = e.clientX;
      y = e.clientY;
     
      // ryd gamle data
      z.style.display = "none";
      z.style.left = "0px";
      z.style.top = "0px";
     
      // nye data
      z.style.display = "block";
      z.style.left = x + "px";
      z.style.top = y + "px";
    }
   
    function ud(g)
    {
      var z;
      z = document.getElementById(g);
      z.style.display = "none";
    }
    </script>
</head>

<body>

<!-- #ID: 117 -->
<div id="indhold-117" style="width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;"><img src="Ikke oplyst" alt="user: 117" />
<strong></strong><br />
Status: admin
</div>
<!-- / #ID: 117 -->
<a id="indhold-117" onmouseout="ud(this.id);" onmouseover="over(event,this.id);">
</a>
<hr />
<!-- #ID: 118 -->
<div id="indhold-118" style="width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;"><img src="" alt="user: 118" />
<strong>admin</strong><br />
Status: admin
</div>
<!-- / #ID: 118 -->
<a id="indhold-118" onmouseout="ud(this.id);" onmouseover="over(event,this.id);">admin
</a>
<hr />
<!-- #ID: 1 -->
<div id="indhold-1" style="width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;"><img src="http://www.2cool4you.dk/actor_bg.gif" alt="user: 1" />
<strong>Bow Know</strong><br />
Status: admin
</div>
<!-- / #ID: 1 -->
<a id="indhold-1" onmouseout="ud(this.id);" onmouseover="over(event,this.id);">Bow Know
</a>
<hr />
<!-- #ID: 116 -->
<div id="indhold-116" style="width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;"><img src="Ikke oplyst" alt="user: 116" />
<strong>bow ow</strong><br />
Status: admin
</div>
<!-- / #ID: 116 -->
<a id="indhold-116" onmouseout="ud(this.id);" onmouseover="over(event,this.id);">bow ow
</a>
<hr />
<!-- #ID: 6 -->
<div id="indhold-6" style="width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;"><img src="Ikke oplyst" alt="user: 6" />
<strong>bowow</strong><br />
Status:
</div>
<!-- / #ID: 6 -->
<a id="indhold-6" onmouseout="ud(this.id);" onmouseover="over(event,this.id);">bowow
</a>
<hr />
<!-- #ID: 5 -->
<div id="indhold-5" style="width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;"><img src="Ikke oplyst" alt="user: 5" />
<strong>bowwow</strong><br />
Status:
</div>
<!-- / #ID: 5 -->
<a id="indhold-5" onmouseout="ud(this.id);" onmouseover="over(event,this.id);">bowwow
</a>
<hr />
<!-- #ID: 100 -->
<div id="indhold-100" style="width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;"><img src="" alt="user: 100" />
<strong>LaTz</strong><br />
Status: admin
</div>
<!-- / #ID: 100 -->
<a id="indhold-100" onmouseout="ud(this.id);" onmouseover="over(event,this.id);">LaTz
</a>
<hr />
<!-- #ID: 3 -->
<div id="indhold-3" style="width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;"><img src="Ikke oplyst" alt="user: 3" />
<strong>mads</strong><br />
Status:
</div>
<!-- / #ID: 3 -->
<a id="indhold-3" onmouseout="ud(this.id);" onmouseover="over(event,this.id);">mads
</a>
<hr />
<!-- #ID: 115 -->
<div id="indhold-115" style="width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;"><img src="Ikke oplyst" alt="user: 115" />
<strong>mads2</strong><br />
Status: admin
</div>
<!-- / #ID: 115 -->
<a id="indhold-115" onmouseout="ud(this.id);" onmouseover="over(event,this.id);">mads2
</a>
<hr />
<!-- #ID: 120 -->
<div id="indhold-120" style="width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;"><img src="" alt="user: 120" />
<strong>madsyou</strong><br />
Status: norm
</div>
<!-- / #ID: 120 -->
<a id="indhold-120" onmouseout="ud(this.id);" onmouseover="over(event,this.id);">madsyou
</a>
<hr />
<!-- #ID: 121 -->
<div id="indhold-121" style="width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;"><img src="" alt="user: 121" />
<strong>madsyou2</strong><br />
Status: norm
</div>
<!-- / #ID: 121 -->
<a id="indhold-121" onmouseout="ud(this.id);" onmouseover="over(event,this.id);">madsyou2
</a>
<hr />
<!-- #ID: 2 -->
<div id="indhold-2" style="width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;"><img src="Ikke oplyst" alt="user: 2" />
<strong>Ns Protected</strong><br />
Status:
</div>
<!-- / #ID: 2 -->
<a id="indhold-2" onmouseout="ud(this.id);" onmouseover="over(event,this.id);">Ns Protected
</a>
<hr />
<!-- #ID: 123 -->
<div id="indhold-123" style="width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;"><img src="" alt="user: 123" />
<strong>Omar</strong><br />
Status: norm
</div>
<!-- / #ID: 123 -->
<a id="indhold-123" onmouseout="ud(this.id);" onmouseover="over(event,this.id);">Omar
</a>
<hr />
<!-- #ID: 124 -->
<div id="indhold-124" style="width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;"><img src="s" alt="user: 124" />
<strong>s</strong><br />
Status: norm
</div>
<!-- / #ID: 124 -->
<a id="indhold-124" onmouseout="ud(this.id);" onmouseover="over(event,this.id);">s
</a>
<hr />
<!-- #ID: 122 -->
<div id="indhold-122" style="width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;"><img src="Ikke oplyst" alt="user: 122" />
<strong>Subercool</strong><br />
Status: norm
</div>
<!-- / #ID: 122 -->
<a id="indhold-122" onmouseout="ud(this.id);" onmouseover="over(event,this.id);">Subercool
</a>
<hr />
<!-- #ID: 119 -->
<div id="indhold-119" style="width:200px;height:100px;left:0px;top:0px;display:none;position:absolute;border:2px solid #333;"><img src="Ikke oplyst" alt="user: 119" />
<strong>tid test</strong><br />
Status: norm
</div>
<!-- / #ID: 119 -->
<a id="indhold-119" onmouseout="ud(this.id);" onmouseover="over(event,this.id);">tid test
</a>
<hr />
</body>
</html>
Avatar billede inctor Nybegynder
27. februar 2006 - 21:47 #22
det til en chat .. :) heeh .. heldigvis tog jeg den db hvor der var meget lidt brugere .. har en db med knap 600 brugere registreret .. :)
Avatar billede webudvikleren Nybegynder
27. februar 2006 - 21:49 #23
<script type=\"text/javascript\">

skal jo nok være
<script type="text/javascript">
Avatar billede inctor Nybegynder
27. februar 2006 - 21:50 #24
det er et PHP dokument ..
Avatar billede webudvikleren Nybegynder
27. februar 2006 - 21:50 #25
Ja, men du viser ikke
<script type="text/javascript">

i en echo eller print-output

så prøv ret det.
Avatar billede inctor Nybegynder
27. februar 2006 - 21:52 #26
det virker .. TaaK ..
Avatar billede webudvikleren Nybegynder
27. februar 2006 - 21:54 #27
Det var så lidt :-)
Så tillader jeg mig at smide et svar
Avatar billede inctor Nybegynder
28. februar 2006 - 18:15 #28
og tillader at acceptere det .. :) heeh ..
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester