Puntatore del mouse stile Autocad, aiuto?

**Corso_04** · 08-08-2008, 12:14

Ciao, sto cercando disperatamente per il mio sito, del codice che mi permetta di far visualizzare il puntatore del mouse come/simile in AUTOCAD, lo avete presente vero?
in pratica è un mirino, la cui croce è proiettata con delle rette che si muovono che arrivano fino ai bordi dello schermo, l ho visto da qualche parte, in passato, vorrei metterlo sul mio sito, ma non so davvero come fare...

ho trovato il sito di esempio è http://www.astaldi.com
se fai skip nell'animazione in alto, dopo passa il puntatore del mouse sopra la cartina, questo è l'effetto che vorrei replicare!!!
So che quell'animazione è fatta in flash, ma ci sarà la possibilità di averla anche (che ne so in javascript) da mettere sul sito web in html???

aiutatemi per favore!!!

**cavicchiandrea** · 08-08-2008, 12:53

Benvenuto, parti da questo esempio http://www.web-link.it/scripting/A11_mirino.htm, oppure prosegui la ricerca del tipo "puntatore mouse mirino"

**Corso_04** · 08-08-2008, 13:32

ciao il link che mi hai postato non funziona...

**br1** · 08-08-2008, 13:34

Originariamente inviato da Corso_04
ciao il link che mi hai postato non funziona...

Togli la virgola finale

**Corso_04** · 08-08-2008, 14:23

ecco!questo nel link è proprio l'effetto che intendo, però vorrei che al centro della croce ci fosse un mirino, fatto a quadrato o circonferenza...sarebbe possibile?

grazie

**Corso_04** · 10-08-2008, 01:40

nessun programmatore può aiutarmi?

grazie

**Corso_04** · 10-08-2008, 02:35

ho un altro problema...
per la prima schermata la "croce" si mantiene, ma se faccio una pagina lunga...di un paio di schermate...si perde...rimane solamente la riga verticale...e con firefox non mi si vede...mi va solo con explorer, mentre sul link d'esempio postato...mi va anche con ff....come mai?

**br1** · 10-08-2008, 16:44

Originariamente inviato da Corso_04
ho un altro problema...
per la prima schermata la "croce" si mantiene, ma se faccio una pagina lunga...di un paio di schermate...si perde...rimane solamente la riga verticale...e con firefox non mi si vede...mi va solo con explorer, mentre sul link d'esempio postato...mi va anche con ff....come mai?

Forse dipende da come hai copiato/adattato il codice alla tua pagina... che non conosciamo dato che non l'hai postata.
Per quanto riguarda il "mirino" dubito che si possa realizzare: un'immagine sempre posizionata dinamicamente sotto il cursore impedirebbe di cliccare su qualunque elemento presente nella pagina.

ciao

**Xinod** · 10-08-2008, 17:01

Originariamente inviato da Corso_04
mentre sul link d'esempio postato...mi va anche con ff....come mai?

potrebbe dipendere dal diverso doctype

**Corso_04** · 10-08-2008, 19:08

Io posto il codice della pagina, ma oltre a dire cosa potrebbe essere, potete materialmente aiutar mi?grazie

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title>xxx</title>

<meta name="AUTHOR" content="">

<meta name="description" content="xxx">

<meta name="keywords" content="xxx">

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15">

<link rel="shortcut icon" href="favicon.ico">

<link rel="stylesheet" href="foglio_di_stile_1col.css" type="text/css">

<style type="text/css">

</style>
<script language="javascript" type="text/javascript">
<!--
// prelevato ed illustrato su Web-Link.it
var NS4 = (document.layers)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (document.getElementById && !document.all && !document.layers)? true: false;
var xhair, yhair;

function resize(){
if(NS4){
xhair.clip.width=window.innerWidth;
xhair.clip.height=1;
yhair.clip.width=1;
yhair.clip.height=window.innerHeight;
}else{
xhair.style.width=(IE4)?document.body.clientWidth: window.innerWidth;
yhair.style.height=(IE4)?document.body.clientHeigh t:window.innerHeight;
}}

function movehairs(evnt){
var px=(IE4)?document.body.scrollLeft

ageXOffset;
var py=(IE4)?document.body.scrollTop

ageYOffset;
var mx=(IE4)?event.clientX+10:evnt.pageX+10;
var my=(IE4)?event.clientY+10:evnt.pageY+10;
if(NS4){
xhair.moveTo(px,my);
yhair.moveTo(mx,py);
}else{
xhair.style.top=my+((IE4)?py:0);
xhair.style.left=px;
yhair.style.top=py;
yhair.style.left=mx+((IE4)?px:0);
}
return false;
}

window.onresize=function(){
if(NS4)setTimeout('history.go(0)', 400);
else resize();
//ADD OTHER WINDOW RESIZE EVENT HANDLERS FROM OTHER SCRIPTS HERE...
}

window.onload=function(){
xhair=(NS4)?document.layers['xhair']

IE4)?document.all['xhair']:document.getElementById('xhair');
yhair=(NS4)?document.layers['yhair']

IE4)?document.all['yhair']:document.getElementById('yhair');
if(NS4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=movehairs;
resize();
//ADD OTHER ONLOAD EVENT HANDLERS FROM OTHER SCRIPTS HERE...
}
// end -->
</script>

</head>

<body>
<div id="xhair" class="hair"></div>
<div id="yhair" class="hair"></div>

<center>

<div id="centrato">

<center>
<object
classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
id="header_acro"
width="800" height="256"
>
<param name="movie" value="header_acro.swf">
<param name="bgcolor" value="#333333">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="allowscriptaccess" value="samedomain">
<embed
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
name="header_acro"
width="800" height="256"
src="header_acro.swf"
bgcolor="#333333"
quality="high"
wmode="transparent"
allowscriptaccess="samedomain"
>
<noembed>
</noembed>
</embed>
</object>
</center>

<ul class="menuNavigazione"><li class="primaVoce">Home<li class="voceCorrente">Profilo<li class="voceCorrente">Attività[*]Strumentazione[*]Lavori[*]Galleria[*]Contatti[/list]

<div id="corpo">
<div id="colonna-1">

<center>
<object
classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,79,0"
id="LOGO_vector_new_400_2"
width="550" height="350"
>
<param name="movie" value="LOGO_vector_new_400-2.swf">
<param name="bgcolor" value="#000000">
<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="allowscriptaccess" value="samedomain">

<embed
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
name="LOGO_vector_new_400_2"
width="550" height="350"
src="LOGO_vector_new_400-2.swf"
bgcolor="#000000"
quality="high"
wmode="transparent"
swliveconnect="true"
allowscriptaccess="samedomain"
>
<noembed>
</noembed>
</embed>
</object>
</center>
</div>

</div>
<div id="pie-di-pagina">

</p>
</div>

</div>

</center>

</body>
</html>

Discussione: Puntatore del mouse stile Autocad, aiuto?

Strumenti discussione

Ricerca discussione

Visualizza

Puntatore del mouse stile Autocad, aiuto?

Permessi di invio