window - Kody, triki, sztuczki

23 maj 2016

Dodanie linku nad animacją flash

Animację flash należy umieścić w divie. Dodatkowo należy utworzyć div o pozycji absolutnej i rozmiarze animacji flash. W zdarzeniu onclick dla diva obsłużyć otwieranie linku w nowym oknie przeglądarki.

<div id="flashContent" style="position:relative">
  <div>
  <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
 width="619" height="116" id="dziendziecka" align="middle">
	   <param name="movie" value="/pliki/dziendziecka.swf" />
	   <param name="quality" value="high" />
	   <param name="bgcolor" value="#ffffff" />
	   <param name="play" value="true" />
	   <param name="loop" value="true" />
	   <param name="wmode" value="window" />
	   <param name="scale" value="showall" />
	   <param name="menu" value="true" />
	   <param name="devicefont" value="false" />
	   <param name="salign" value="" />
	   <param name="allowScriptAccess" value="sameDomain" />
	   <!--[if !IE]>-->
	   <object type="application/x-shockwave-flash" data="/pliki/dziendziecka.swf"
 width="619" height="116">
			<param name="movie" value="/pliki/dziendziecka.swf" />
			....
			<param name="allowScriptAccess" value="sameDomain" />
	   <!--<![endif]-->
			<a href="http://www.adobe.com/go/getflash">
			  <img decoding="async" src="http://www.adobe.com/images/shared/download_buttons/
get_flash_player.gif"
 alt="Pobierz odtwarzacz Adobe Flash Player" />
			</a>
	   <!--[if !IE]>-->
	   </object>
	   <!--<![endif]-->
  </object>
  </div>
  <div style="position:absolute;background:transparent;width:619px;height:116px;
left:0;top:0;cursor:pointer" onclick="window.open('/pliki/dziendziecka.pdf','_blank')">
  </div>
</div>

27 kwi 2016

Wyśrodkowanie tabeli z danymi do rozmiaru okna

$(window).resize(function() {
var winW = $(window).width();
var conW = parseInt($('#container').css('width'));
var tabW = parseInt($('table.list').css('width'));

if(winW>conW) {
var margin_left = -((tabW - conW)/2)-10;
$('table.list').css({'margin-left':margin_left});
} else {
$('table.list').css({'margin-left':0});
}
});
$(window).resize();

Tabelka normalna:

Tabelka wyśrodkowana:

8 gru 2012

Wyrażenie reguralne wykorzystanie w funkcji replace

function open_popup(url, w, h, t, l) {
  let param = popup_param(w, h, t, l);
  let Win = window.open("",'popup_window',param);
  Win.focus();
  return Win;
};
  
function program_print() {
  let el = document.getElementById('program-list');
  if(el!=undefined) {
    let Win=open_popup();
    let html=el.innerHTML;
    html=html.replace('program_print','window.print','g');
    html=html.replace(/<input\b[^>]*?/ig, "");
    Win.document.write(html);
  }
};

Wyrażenie regularne wykorzystanie w funkcji replace. Kod html pobierany jest z doma strona i przekley do nowego okna.

16 mar 2012

Sprawdzenie czy w querystring zawiera zmienną

Sprawdzenie czy w querystringu istnieje parametr

let search=unescape(window.location.search);
if(search=='') {
} else {
  let re = new RegExp('&b=(.?)','ig');
  let tmp=re.exec(search);
  let re_b='';
  if(tmp!=null) {
    re_b=tmp[1];
    $('#right td select[name=b]').val(re_b);
  }
}

1 gru 2009

Otwieranie zdjęcia w nowym oknie

function openfoto(param) {
url = '' + param;

okno = window.open(url, "", "toolbar=0,location=0,resizable=1,directories=0,status=0,menubar=0, scrollbars=0,width=50,height=50");
       
     okno.document.write('<html><head><title>Foto</title>');
        okno.document.write('<SCRIPT LANGUAGE="JavaScript">');
        okno.document.write(' function resize() {');
        okno.document.write(' var i = 0; ');
        okno.document.write(" if (navigator.appName == 'Netscape') i=40;");
        okno.document.write(' if (document.images[0]) { ');
        okno.document.write(' window.resizeTo(document.images[0].width+10, document.images[0].height+40-i)');
        okno.document.write(' }');
        okno.document.write(' }');
        okno.document.write(" </SCRIPT>");
        okno.document.write("</head>");
        okno.document.write('<body bgcolor="#FFFFFF" leftMargin="0" topMargin="0" marginheight="0" marginwidth="0"><IMG src="'+param+'" mce_src="'+param+'" onLoad="resize()"></body></html>');

okno.focus();
    }

<td><a href="javascript:openfoto('images/galeria/p_001.jpg')" class="imgCompLink"><img decoding="async" src="images/galeria/small/p_001.jpg" border="0" width="150" height="120"></a></td>