Avatar billede ulle55 Nybegynder
26. januar 2005 - 08:23 Der er 25 kommentarer og
1 løsning

Vis info når man kører musen over

Til at starte med vil jeg gerne sige at jeg slet ikke er inde i det med javescript.
Jeg har set på en side ( http://folding.extremeoverclocking.com/user_list.php?s=&t=34688 ) at man kan lave noget der viser noget info når man kører musen over. Er det noget der er nogle der ved noget om, eller ved hvor jeg kan finde noget om?
Avatar billede fennec Nybegynder
26. januar 2005 - 08:32 #1
Avatar billede ulle55 Nybegynder
26. januar 2005 - 11:03 #2
Kan man lave noget php programmering inde i det der skal poppe op, ect en sql forspørgsel
Avatar billede fennec Nybegynder
26. januar 2005 - 12:31 #3
Både og... Det kommer an på hvordan det skal fungere. Alt skal hentes ind på siden fra start, så du kan ikke "aktivere" et php script når den popper op, men du kan smide det ind som parameter på popupen:

<a ... onMouseOver="popup('<?php
//PHP script
mysql_query(....);
...
...
echo "et eller andet";
?>')">

Rsultatet i browseren bliver så:
<a ... onMouseOver="popup('et eller andet')">
Avatar billede roenving Novice
26. januar 2005 - 23:30 #4
Avatar billede ulle55 Nybegynder
27. januar 2005 - 13:04 #5
Kan man ikke dette, eller har jeg lavet en fejl???

<html>
<head>
    <title>Kalender</title>
    <link rel=stylesheet type="text/css" href="style.css">
</head>
<body >

<!-- Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/ -->
<div id="overDiv" style="position:absolute; visibility:hide; z-index:1;">
</div>
<script LANGUAGE="JavaScript" SRC="overlib.js"></script>

<a href="http://webquestpro.com" onmouseover="drc('Enter into the world of professional web marketing.','PlanMagic WebQuest Pro'); return true;" onmouseout="nd(); return
true;">WebQuestPro.com</a>

<table height="100" cellpadding="0" cellspacing="4">




<?php

include("config.php");

  //Variabler til brug for næste og forrige links, samt til opslag i DB
  if(isset($_GET['md']) && isset($_GET['year'])){
    $current_month = $_GET['md'];
    $year = $_GET['year'];

    //næste og forrige links
    if($current_month == 12){
      $mdnext = 1;
      $yearnext = $year+1;
      $mdprev = $current_month-1;
      $yearprev = $year;

    }elseif($current_month == 1){
      $mdnext = $current_month+1;
      $yearnext = $year;
      $mdprev = 12;
      $yearprev = $year-1;
    }else{
      $mdnext = $current_month+1;
      $yearnext = $year;
      $mdprev = $current_month-1;
      $yearprev = $year;
    }

  }else{
    $current_month = date("n");
    $year = date("Y");
    $mdnext = $current_month+1;
    $yearnext = $year;
    $mdprev = $current_month-1;
    $yearprev = $year;
  }

  //sætter 'nul' for an alt der er mindre end 9
  if($current_month <= 9){
    $current_month = "0".$current_month;
  }

  $dkmdr = array("Januar", "Februar", "Marts", "April", "Maj", "Juni", "Juli", "August", "September", "Oktober", "November", "December");

  //finder antal dage i den valgte måned
  // $days = date ("t", mktime(0,0,0,1,11,$year));
  $days = date ("t", mktime(0,0,0,$current_month,1,$year));

  //dags dato
  $current_day = date("d");

  // måned med bogstaver fra array $dkmdr
  $charmonth = $current_month-1;

  // finder dag på ugen for første dag i måneden, 0=søndag, 1= Mandag ... og 6=lørdag
  $day_of_week = date("w",mktime(0,0,0,$current_month,1,$year));

  //hvor mange tomme dage skal sættes før den 1. i måneden
  switch($day_of_week){
  case '0':
    $dage = 6;
  break;
  case '1':
    $dage = 0;
  break;
  case '2':
    $dage = 1;
  break;
  case '3':
    $dage = 2;
  break;
  case '4':
    $dage = 3;
  break;
  case '5':
    $dage = 4;
  break;
  case '6':
    $dage = 5;
  break;
  }

  // men først et par tomme rum, så det kommer til at passe med ugedag...
  for($i=0;$i<$dage;$i++){
    $tomme .= "<td align=\"center\" class=\"" . $class ."\"> </td>";
  }


  echo "<tr><td colspan=\"7\" align=\"center\"><b>".$dkmdr[$charmonth]." ".$year."</b></td></tr>\n";
  echo '<tr>
            <td align="center" width="100">Man</td>
          <td align="center" width="100">Tir</td>
          <td align="center" width="100">Ons</td>
          <td align="center" width="100">Tor</td>
          <td align="center" width="100">Fre</td>
          <td align="center" width="100">Lør</td>
          <td align="center" width="100">Søn</td>
        </tr>';
  echo "<tr>";

    if($i <= 7){
    echo $tomme;
    }

    for($i=1;$i<=$days;$i++){
      if($i <= 9){
        $z = "0".$i;
      }else{
        $z = $i;
      }

      $qry = mysql_query("SELECT * FROM event WHERE dag = '".$year."-".$current_month."-".$z."'") or die (mysql_error());
        $rows = mysql_num_rows($qry);
      if($rows == "0"){
        $class = "cal";
        $link = "";
        $endlink = "";
      }
        if($i == $current_day){
        $class = "cal-day";
        $link = "";
        $endlink = "";
        }
      if($rows > "0" AND $i == $current_day){
        $class = "cal-event-day";
        $link = "<a href=\"event.php?day=" . $i . "&month=" . $current_month . "&year=" . $year . "&note=vis" . "\" class=\"callink\">";
        $endlink = "</a>";
      }
      elseif($rows > "0"){
        $class = "cal-event";
        $link = "<a href=http://webquestpro.com onmouseover=drc('Enter into the world of professional web marketing.','PlanMagic WebQuest Pro'); return true; onmouseout=nd(); return true;>WebQuestPro.com</a>";
       
//        $link = "<a href=\"event.php?day=" . $i . "&month=" . $current_month .  $rows[id] " \"  class=\"callink\">";
        $endlink = "</a>";
      }

      echo "<td align=\"center\" class=\"" . $class ."\">" . $link . "" . $i . "" . $endlink ."</td>";

        $x = $i+$dage;
        if(!is_float($x/7)){
            echo "</tr>\n<tr>";
        }
    }
?>
</tr>
<tr>
  <td colspan="7" align="center">
  <?php
  echo '<a href="'.$_SERVER['PHP_SELF'].'?md='.$mdprev.'&amp;year='.$yearprev.'"><< Forrige</a> | <a href="'.$_SERVER['PHP_SELF'].'?md='.$mdnext.'&amp;year='.$yearnext.'">Næste >></a>';
  ?>
  </td>
</tr>
</table>
Avatar billede ulle55 Nybegynder
27. januar 2005 - 13:05 #6
et link til siden jeg bruger det på.
http://leder.fdfvibyj.dk/kal
Avatar billede fennec Nybegynder
27. januar 2005 - 13:12 #7
Det er denne linje der er problemet:
$link = "<a href=http://webquestpro.com onmouseover=drc('Enter into the world of professional web marketing.','PlanMagic WebQuest Pro'); return true; onmouseout=nd(); return true;>WebQuestPro.com</a>";

Skal være:
$link = "<a href=\"http://webquestpro.com\" onmouseover=\"drc('Enter into the world of professional web marketing.','PlanMagic WebQuest Pro'); return true;\" onmouseout=\"nd(); return true;\">WebQuestPro.com</a>";
Avatar billede roenving Novice
27. januar 2005 - 13:15 #8
Jeg ville nu nøjes med det, som er vigtigt:

$link = "<a href='http://webquestpro.com' onmouseover=\"drc('Enter into the world of professional web marketing.','PlanMagic WebQuest Pro'); return true;\" onmouseout='nd(); return true;'>WebQuestPro.com</a>";
Avatar billede ulle55 Nybegynder
27. januar 2005 - 13:40 #9
så er jeg løbet ind i et problem med at bruge php inde i den kode
Avatar billede roenving Novice
27. januar 2005 - 13:48 #10
Hvordan ?-)

Kan du ikke bare:

$link = "<a href='$row["link"]' onmouseover=\"drc('$row["text"]','$row["headline"]'); return true;\" onmouseout='nd(); return true;'>$row["linktext"]</a>";
Avatar billede ulle55 Nybegynder
27. januar 2005 - 13:55 #11
jo self. Lige en mindre nedsmæltning i mit hovede.
Avatar billede fennec Nybegynder
27. januar 2005 - 13:58 #12
Du skal bare være opmærksom på at der ikke må være linjeskift i $row["link"], og der kan opstå problemer hvis der er " eller ' tegn i.
Avatar billede ulle55 Nybegynder
20. maj 2006 - 23:55 #13
Er der nogle der ved om man kan bruge det i en funktion?
Avatar billede fennec Nybegynder
22. maj 2006 - 08:30 #14
Hvilken slags funktion???
Det er ganske almindelig javascript, og ligger allerede som en JS funktion, jeg er ikke helt med på hvad du mener med en funktion.
Avatar billede ulle55 Nybegynder
23. maj 2006 - 12:49 #15
Jeg har kigget kudt mere på det, fejlmeldingen "Der opstod en fejl på siden." kommer.
Linje: 808
Tegn:2
Fejl: 'undefined' er null eller ikke et objekt.


Jeg har hendet den nyeste version af overlib.js
Avatar billede fennec Nybegynder
23. maj 2006 - 12:59 #16
Kunne lyde som om du mangler et HTML element. Har du husket <div> koden lige efter <body>:

<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
Avatar billede ulle55 Nybegynder
23. maj 2006 - 13:17 #17
Jeg kan se at hvis ejg laver en simpel side

<head>
<script type="text/javascript" src="overlib.js"><!-- overLIB (c) Erik Bosrup --></script>
</head>
<body bgcolor="#5c5f52">
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<a href="java script:void(0);" onmouseover="return overlib('This is an ordinary popup.');" onmouseout="return nd();">here</a>
</body>

så virker det, men den side jeg skal hvad det på, virker det ikke. Der er en masse php kode, jeg ved ikke om det har noget at sige.
Avatar billede ulle55 Nybegynder
23. maj 2006 - 22:10 #18
hvis fundet ud af at hvis jeg har linien "include("include.php");" til at stå, så virker det ikke, lige så snart jeg ud kommentere den, så virker det. Har du en løsning på det?
Avatar billede fennec Nybegynder
24. maj 2006 - 08:34 #19
Kunne se ud som om include("include.php") generere noget HTML/JS kode som konflikter med scriptet.

Har du et link hvor vi kan se problemet???
Avatar billede ulle55 Nybegynder
24. maj 2006 - 09:13 #20
Avatar billede ulle55 Nybegynder
24. maj 2006 - 09:17 #21
Avatar billede fennec Nybegynder
24. maj 2006 - 09:56 #22
Din kildekode på:
http://ulle.dyndns.dk/test/bf2s/testindex.php

Er på INGEN måde valid. For det første har du 2 <div id="overDiv"..>. Koden starter med en <script> blok, og du har 2 <html> og <body> tags.

Start med at få din kode til at validere efter W3 standarten, ellers kan du ikke gøre forhåbninger om at koden virker:
http://validator.w3.org/check?uri=http%3A%2F%2Fulle.dyndns.dk%2Ftest%2Fbf2s%2Ftestindex.php&charset=%28detect+automatically%29&doctype=Inline
Avatar billede ulle55 Nybegynder
24. maj 2006 - 10:39 #23
Nu virker det, havde noget forsøgskode, som lavede rav i det.
Kan du hjælpe med en sidste ting?

Følgende kode skulle som jeg ser der virker, men nu har jeg aldrig været stærk i det med hvornår man bruger " og ', så der er nok en fejl.

echo "<img src=images/ribbons/".$award.".png alt=".$award." width=96 height=96 border=0 onmouseover=\"return overlib('This is an ordinary popup.'); onmouseout='return nd();'>";
Avatar billede fennec Nybegynder
24. maj 2006 - 10:45 #24
echo "<img src=\"images/ribbons/".$award.".png\" alt=\"".$award."\" width=\"96\" height=\"96\" border=\"0\" onmouseover=\"return overlib('This is an ordinary popup.');\" onmouseout=\"return nd();\">";
Avatar billede ulle55 Nybegynder
24. maj 2006 - 18:23 #25
okay lige et spørgsmål mere.
Hvordan f¨r jeg vist funktionen vis_info???

echo "<img src=\"images/badges/".$award.".png\" alt=\"".$award."\" width=\"96\" height=\"96\" border=\"0\" onmouseover=\"return overlib('vis_info($award)');\" onmouseout=\"return nd();\">";
Avatar billede fennec Nybegynder
29. maj 2006 - 11:03 #26
Det kræver at vis_info returnere tekst. Du skal bare flytte dine ' lidt:

echo "<img src=\"images/badges/".$award.".png\" alt=\"".$award."\" width=\"96\" height=\"96\" border=\"0\" onmouseover=\"return overlib(vis_info('$award'));\" onmouseout=\"return nd();\">";
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