Avatar billede bartelsen Nybegynder
17. december 2001 - 11:49 Der er 2 kommentarer og
1 løsning

Søgemaskine i rollovereffekten

Hej

Jeg søger en metode til at få søgeboksen frem i en rollover effekt !!!

Jeg har en række knapper i toppen en min hjemmeside, når jeg så ønsker at min søgemaskine skal være i toppen sammen med dem, ødelægger det hele designet... Jeg kunne godt tænke mig at jeg laver et ikon og når jeg så kører musen over den, vil der komme et søgefelt frem ved siden af... Kan det lade sig gøre og hvordan ???

Jeg arbejder i Golive 5.

Morten
Avatar billede pelkjaer Nybegynder
17. december 2001 - 14:41 #1
Kan du ikke bare lægge din form i et layer, og bruge show/hide?

Et eks:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script language=\"JavaScript\">
<!--
function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf(\"?\"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function P7_autoLayers() { //v1.2 by PVII
var g,b,k,f,args=P7_autoLayers.arguments;
var a = parseInt(args[0]);if(isNaN(a))a=0;
if(!document.p7setc) {p7c=new Array();document.p7setc=true;
  for (var u=0;u<10;u++) {p7c[u] = new Array();}}
for(k=0; k<p7c[a].length; k++) {
  if((g=MM_findObj(p7c[a][k]))!=null) {
  b=(document.layers)?g:g.style;b.visibility=\"hidden\";}}
for(k=1; k<args.length; k++) {
  if((g=MM_findObj(args[k])) != null) {
  b=(document.layers)?g:g.style;b.visibility=\"visible\";f=false;
  for(j=0;j<p7c[a].length;j++) {
    if(args[k]==p7c[a][j]) {f=true;}}
  if(!f) {p7c[a][p7c[a].length++]=args[k];}}}
}
//-->
</script>
<style type=\"text/css\">
<!--
a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none}
a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: underline}
a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; font-size: 10px}
-->
</style>
</head>

<body bgcolor=\"#FFFFFF\" text=\"#000000\">
<div id=\"seachDIV\" style=\"position:absolute; width:200px; height:115px; z-index:1; left: 120px; visibility: hidden\">
  <form name=\"form1\" method=\"post\" action=\"\">
    <input type=\"text\" name=\"seachfield\">
    <input type=\"submit\" name=\"Submit\" value=\"S&oslash;g\">
  </form>
</div>

<a href=\"#\" onClick=\"P7_autoLayers(0,\'seachDIV\')\">S&oslash;g p&aring; siden</a>
</body>
</html>
Avatar billede bartelsen Nybegynder
17. december 2001 - 16:57 #2
Hej igen...

Jeg har ikke helt brugt din ide... Men jeg har testet den og den virker jo super.. Men da jeg testede den kom jeg i tanke om at lave en \"floating\" box.. Og nu virker det !!! Takket være din ide..

Tak for hjælpen..

Morten
Avatar billede pelkjaer Nybegynder
17. december 2001 - 16:58 #3
anytime :)
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