In quel div apri le pop-up

[unreg]

Salve,

ho un codice xhtml così:

	<div id="foto">
		<ul>
			[*]foto 1
			[*]foto 2
			[*]foto 3
			[*]foto 4
		[/list]
	</div>

vorrei sapere se è possibile far aprire i links che sono presenti del div foto in una pop-up senza scroll di 200 x 200px, senza però aggiungere al MarkUp funzioni del tipo onclick.

grazie !

[br1]

Pero' devi rivoluzionare il link:

foto1

ciao

[Xinod]

oppure aggiungi nell' head

window.onload=function(){
  var lnks=document.getElementById('foto').getElementsByTagName('a');

  function keepRef(obj,k){
    obj.openpop=function(){
      window.open(obj.href,'pop_'+k,'width=200,height=200');
      return false;
    }
  }

  for(var k=0;k<lnks.length;k++){
    lnk=lnks[k];
    keepRef(lnks[k],k);
    lnks[k].onclick=lnks[k].openpop;
  }
}

o cmq, se non vuoi richiamarlo onload, ma puoi inserire uno script nel body, dopo la chiusura del div foto, aggiungi

<script type="text/javascript">
  var lnks=document.getElementById('foto').getElementsByTagName('a');

  function keepRef(obj,k){
    obj.openpop=function(){
      window.open(obj.href,'pop_'+k,'width=200,height=200');
      return false;
    }
  }

  for(var k=0;k<lnks.length;k++){
    lnk=lnks[k];
    keepRef(lnks[k],k);
    lnks[k].onclick=lnks[k].openpop;
  }
</script>

ciao

[unreg]

grazie mille !

[unreg]

window.onload=function(){
  var lnks=document.getElementById('foto').getElementsByTagName('a');

  function keepRef(obj,k){
    obj.openpop=function(){
      window.open(obj.href,'pop_'+k,'width=200,height=200');
      return false;
    }
  }

  for(var k=0;k<lnks.length;k++){
    lnk=lnks[k];
    keepRef(lnks[k],k);
    lnks[k].onclick=lnks[k].openpop;
  }
}

invece di usare un'ID si può usare una Classe ?

ES.

	<div class="foto">
		<ul>
			[*]foto 1
			[*]foto 2
			[*]foto 3
			[*]foto 4
		[/list]
	</div>

Grazie !

[unreg]

UP

[unreg]

up

[Andrea1979]

Non penso che si possano recuperare tutti gli oggetti con una class in modo diretto.

Potresti provare qualcosa come

var affectedTags = document.getElementsByTagName('tuo_tag'); //array di tutti i tag 'tuo_tag'
for (var i = 0; i < affectedTags.length; i++) {
  if (affectedTags[i].className == 'tua_classe') {
    //istruzioni per far que che ti serve;
  }
}

Se esistono metodi migliori, aspetta(iamo) altri input.

[unreg]

ok grazie !

cmq. speriamo un'intervento del mitico Xinod

[Xinod]

poco da aggiungere a quanto detto da Andrea,
non e' nativamente presente un getElementsByClassName
ma, dal momento che il problema e' molto diffuso, ci sono in giro tanti costrutti alternativi, ricerca con google

alcuni restituiscono un array, come un getElementsByTagName

ciao