Avatar billede jesperkh Nybegynder
26. maj 2003 - 11:32 Der er 6 kommentarer og
1 løsning

Hjælp til både on fokus og mus over..

Jeg har denne her.. som jeg er meget glad for, men da jeg er ved og gøre websiden bline venlig... skal pop up'erne også komme on fokus.. når man bruger "TAB" tasten i stedet for musen...

<!-- CUT'N'PASTE THIS CODE INTO THE BODY OF YOUR HTML DOCUMENT ===================-->
<!--
  ######################################################
  # JAVASCRIPT POPUPS ROUTINE VERSION #7 07-Feb-2001  #       
  # Written by Mike McGrath [mike_mcgrath@lineone.net] #
  # PC-Tested for Netscape 3.04, 4.61, 6.0, & IE5.5    #
  # Note: Popups may not cover all form field inputs.  #
  # PLEASE RETAIN THIS NOTICE WHEN COPYING MY SCRIPT.  #
  # THIS SCRIPT IS COPYRIGHT OF MIKE MCGRATH 1998-2001 #
  ######################################################
-->
<script type="text/javascript">
<!-- Original: Mike McGrath  (mike_mcgrath@lineone.net) -->
<!-- Web Site: http://website.lineone.net/~mike_mcgrath -->
<!--

var Xoffset=-60;        // modify these values to ...
var Yoffset= 20;        // change the popup position.
var popwidth=85;      // popup width
var bcolor="#32527C";  // popup border color

// create content box
document.write("<DIV ID='pup'></DIV>");

// id browsers
var iex=(document.all);
var nav=(document.layers);
var old=(navigator.appName=="Netscape" && !document.layers && !document.getElementById);
var n_6=(window.sidebar);

// assign object
var skin;
if(nav) skin=document.pup;
if(iex) skin=pup.style;
if(n_6) skin=document.getElementById("pup").style;

// park modifier
var yyy=-1000;

// capture pointer
if(nav)document.captureEvents(Event.MOUSEMOVE);
if(n_6) document.addEventListener("mousemove",get_mouse,true);
if(nav||iex)document.onmousemove=get_mouse;

// set dynamic coords
function get_mouse(e)
{
  var x,y;

  if(nav || n_6) x=e.pageX;
  if(iex) x=event.x+document.body.scrollLeft;
 
  if(nav || n_6) y=e.pageY;
  if(iex)
  {
    y=event.y;
    if(navigator.appVersion.indexOf("MSIE 4")==-1)
      y+=document.body.scrollTop;
  }

  if(iex || nav)
  {
    skin.top=y+yyy;
    skin.left=x+Xoffset;
  }

  if(n_6)
  {
    skin.top=(y+yyy)+"px";
    skin.left=x+Xoffset+"px";
  }   
  nudge(x);
}

// avoid edge overflow
function nudge(x)
{
  var extreme,overflow,temp;

  // right
  if(iex) extreme=(document.body.clientWidth-popwidth);
  if(n_6 || nav) extreme=(window.innerWidth-popwidth);

  if(parseInt(skin.left)>extreme)
  {
    overflow=parseInt(skin.left)-extreme;
    temp=parseInt(skin.left);
    temp-=overflow;
    if(nav || iex) skin.left=temp;
    if(n_6)skin.left=temp+"px";
  }

  // left
  if(parseInt(skin.left)<1)
  {
    overflow=parseInt(skin.left)-1;
    temp=parseInt(skin.left);
    temp-=overflow;
    if(nav || iex) skin.left=temp;
    if(n_6)skin.left=temp+"px";
  }
}

// write content & display
function popup(msg,asa,bak,map,pic)
{

  var content="<TABLE WIDTH='"+popwidth+"' BORDER='1' BORDERCOLOR="+bcolor+" CELLPADDING=2 CELLSPACING=0 "+"BGCOLOR="+bak+"><TR><TD ALIGN='center'>"+msg+"</TD></TR><TR><TD ALIGN='center'><IMG SRC='http://esbjerg-online.dk/upload/"+map+"/"+pic+"' ALIGN='middle' BORDER='0'></TD></TR><TR><TD ALIGN='center'>"+asa+"</TD></TR></TABLE>";

  if(old)
  {
    alert(msg);
    return;
  }
 
  yyy=Yoffset;
  skin.width=popwidth;

  if(nav)
  {
    skin.document.open();
    skin.document.write(content);
    skin.document.close();
    skin.visibility="visible";
  }

  if(iex)
  {       
    pup.innerHTML=content;
    skin.visibility="visible";
  } 

  if(n_6)
  { 
    document.getElementById("pup").innerHTML=content;
    skin.visibility="visible";
  }
}


// park content box
function kill()
{
  if(!old)
  {
    yyy=-1000;
    skin.visibility="hidden";
    skin.width=0;
  }
}

//-->
</script>
Avatar billede bamzen Nybegynder
26. maj 2003 - 11:44 #1
Du har pastet scriptet der laver popup vinduet,

der hvor der skal ændres er i de links du laver

eksempelvis <a href="dinfil.html" onmouseover="dinfunktion()" onfocus="dinfunktion()">dit link </a>

/Bamzen
Avatar billede jesperkh Nybegynder
26. maj 2003 - 11:48 #2
hmm ... det kan vel ikke sidde i "onmouseover" taget ... når det ska virke, når man som blind ikke bruger en mus, men udenlukkende tab tasten..
Avatar billede jesperkh Nybegynder
26. maj 2003 - 11:50 #3
og jeg skulle gerne have det til at virke sådan at når seende bruger musen.. virker musover.. og når blinde bruger tab tasten... kommer pop up'en on fokus..
Avatar billede bamzen Nybegynder
26. maj 2003 - 11:54 #4
i ovenstående vil der være en funktion der bliver kaldt ved focus (eksempelvis tab), og ved onmouseover, hvis man bruger mus og ikke tab...

Men hvis man er blind, kan man vel ikke se det lag der popper op?
Avatar billede jesperkh Nybegynder
26. maj 2003 - 11:59 #5
I følge Monica fra Dansk blinde samfund... så vil deres talesyntese program læse pop upen, hvis den køre på on focus... så nu lægger jeg det på veb sidden og så må De jo teste :-)

Jeg tester lige og vender tilbage..
Avatar billede jesperkh Nybegynder
26. maj 2003 - 12:08 #6
Hmm.. det virker ikke... se selv http://www.giovanni-pizza.dk/
Avatar billede jesperkh Nybegynder
20. marts 2004 - 20:26 #7
lukker
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