javascript overlay

[anonīms]

Problēma ir tur, ka uzspiežot uz linka vajadzētu būt overlay effektam, bet tāds nav. Kur varētu būt problēma?

 

html

<a id="sendpm" href="/lv/users/new_pm/311.html" onclick="return showbox(this.href,600,280);"> </a>

js

  function showbox(url,w,h){
 	var overlay = $('overlay');
 	var infobox = $('infobox');
 	var frame = $('boxframe');
 	var body = overlay.parentNode;
 	var ww = body.offsetWidth;
 	var wh = body.offsetHeight;
 	var bl = Math.round((ww-w)/2);
 	var fh = h-26;
 	frame.src=url;
 	frame.style.width=w+'px';
 	frame.style.height=fh+'px';
 	infobox.style.width=w+'px';
 	infobox.style.height=h+'px';
 	infobox.style.left=bl+'px';
 	overlay.style.width=ww+'px';
 	overlay.style.height=wh+'px';
 	overlay.style.display='block';
 	infobox.style.display='block';
 	return false;
 }

[Леший]

overlay.style.width=ww+'px';
overlay.style.height=wh+'px';
overlay.style.display='block';

Šeit taisi ar $.css(); Citās vietās arī.

Edited October 25, 2010 by Леший

[anonīms]

Jā, aizmirsu pieminēt, ka lapai ir prototype un nav īsti vēlēšanās vēl mest jquery pa virsu..

Kā vēl savādāk varētu panākt vēlamo efektu?

[indoom]

tas .style. pieraksts nederēs. Izmanto http://api.prototypejs.org/dom/element/setstyle/ , jo var overlay = $('overlay');

un draugi jau ir prototype objekti.

 

vai arī visus $() nomaini uz document.getElementById()

Edited October 26, 2010 by indoom

[marcis]

Kaut kur baigi redzēta koda daļa :) Ja nemaldos, tad tur bija arī definēta funkcija: function $(id){ return document.getElementById(id); } nevis prototype ...

 

Pirms pāris gadiem konterstraikisti uzbruka, tikai nevienam no viņiem tā arī nebija izvedies to lapu iedarbināt (dzīvs piemērs šeit).