Selektovanje elemenata

AdriaMart · 17. 12. 2011.

Imam funkciju getXPath preko koje dobijam xpath putanju - evo koda:

Kôd:

function getXPath(node, path) {
        path = path || [];
        if(node.parentNode) {
          path = getXPath(node.parentNode, path);
        }

        if(node.previousSibling) {
          var count = 1;
          var sibling = node.previousSibling
          do {
            if(sibling.nodeType == 1 && sibling.nodeName == node.nodeName) {count++;}
            sibling = sibling.previousSibling;
          } while(sibling);
          if(count == 1) {count = null;}
        } else if(node.nextSibling) {
          var sibling = node.nextSibling;
          do {
            if(sibling.nodeType == 1 && sibling.nodeName == node.nodeName) {
              var count = 1;
              sibling = null;
            } else {
              var count = null;
              sibling = sibling.previousSibling;
            }
          } while(sibling);
        }

        if(node.nodeType == 1) {
          path.push(node.nodeName.toLowerCase() + (node.id ? "[@id='"+node.id+"']" : count > 0 ? "["+count+"]" : ''));
        }
        return path;
      };

zatim mi je @webarto pomogao oko koda za prikazivanje Iframe-a na svom domenu koju sam ja malo izmenio tako da dobijem iframe sajta ciji URL upisem u tekst polju:

Kôd:

<?php 

error_reporting(E_ALL ^ E_NOTICE); 

$url = $_GET['url']; 

if( ! empty($url)) 
{ 
    $data = file_get_contents($url); 
     
    $data = str_replace('<head>', '<head><base href="'.$url.'" /></base>', $data); 
     
    $data = preg_replace('#<script(.*?)>(.*?)</script>#is', '', $data); 
    $data = preg_replace('#<iframe(.*?)></iframe>#is', '', $data); 
     
    $data .=  
    ' 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
    <script> 
    $("div").each(function(i){ 
        if($(this).css("position") == "fixed") $(this).css("display", "none"); 
    }); 
    </script> 
    ' 
    ; 
     
    die($data);  
} 

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
    <meta name="author" content="Webarto" /> 

    <title>AdriaMart</title> 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
<style type="text/css"> 
<!-- 
iframe{width:100%;height:400px;} 
--> 
</style> 

</head> 
<body> 

<!-- ... -->
<input id="iframe_url" name="" type="text" />
<input id="iframe_button" name="" type="button" />
<iframe id="iframe" src="?url=http://kupime.com"></iframe>
<script type="text/javascript">
  document.getElementById('iframe_button').onclick = function () {
    document.getElementById('iframe').src = '?url=' + document.getElementById('iframe_url').value;
  };
</script>
<!-- ... -->
//Textfields for xpath location to write inside them
<input id="" name="myinput" type="text" value="">
<input id="" name="myinput" type="text" value="">
<input id="" name="myinput" type="text" value="">



</body> 
</html>

i na kraju sam ja dodao svoju jquery funkciju koja bi trebalo da selektuje elemente unutar IFrame-a i da ih upisuje u text polje koje je u fokusu:

Kôd:

$('#iframe').ready(function () {
        var selectedtextbox;
$('input[name="myinput"]').focus(function(){selectedtextbox=$(this);});
        $('p, li, a, href').click(function () { 
           var xpath = getXPath(this);
            selectedtextbox.val(xpath)
        });
    });

ALI NE RADI. ZBOG CEGA NE VIDIM STVARNO.

inace na obicnom html-u (znaci kada nije u iframe-u) ova funcija radi ekstra, medjutim za iframe nece. Da li je mozda problem u cross-domain security ili ???

AdriaMart · 17. 12. 2011.

Gde gresim?

webarto · 17. 12. 2011.

Ne možeš tako pristupati iframeu, pokušaj sa ovime... http://api.jquery.com/contents/
Ako ti je problem tako, onda učitaj bez iframe, pa vidi hoće li raditi i kako.

AdriaMart · 18. 12. 2011.

Radi sve OK kada je samo HTML u pitanju... znaci kada iskoristim funciju echo... ali u iframeu nikako da proradi!

AdriaMart · 18. 12. 2011.

Probao sam i ovo ali ni to ne radi:

var iframeDoc = $('iframe#iframe').contents().get(0);
$(iframeDoc).bind('click', function(event) {
alert(getXPath(event.target));
});

a cini mi se da i @webarto nije u pravu... ovde je problem cross-security najverovatnije jer je strana samo mirrovana i broswer je vidi kao drugu stranicu...

ipak nemoze da se radi ovako, moraju da se preprave sve adrese i da se sacuva na mom dome nu!

Br@nkoR · 18. 12. 2011.

Možda nisi sačekao da se iframe učita, pokušaj:

Kôd:

$(function () {
  var selectedtextbox;
  $('input[name="myinput"]').focus(function(){selectedtextbox=$(this);});
  $('#iframe').load(function(){
    $('body *', $(this).contents()).click(function (event) { 
      event.stopPropagation();
      event.preventDefault();
      var xpath = getXPath(this);
      selectedtextbox.val(xpath)
    });
  });
});

AdriaMart · 18. 12. 2011.

@Branko da nije tebe ovaj projekat bi danas bio na NULI, Neznam vise kako da ti se zahvalim za svu ovu pomoc. Novcano cu garantujem ti cim budu neke pare legle od ovoga!

a ja mislio da je opet problem cross-domain security!

AdriaMart · 19. 12. 2011.

Sada sam takodje pokusao da dodam kod strane ispod iframe-a sa :

<?php echo htmlspecialchars(file_get_contents($_GET['url'])); ?>

da prikazuje source code kao string,

medjutim prikazuje ("Filename cannot be empty ... ")

a ovde mi se cini da filename uopste nije prazno jer ne bi bilo ni iframe-a...

Kada se ovo uradi da li postoji mogucnost da se nekom jquery funcijom klikom na elemenat u iframeu obelezava i deo u srtingu tj. da jednostavno da se menja boja pozadine dela stringa kada se klikne na neki elemenat u iframeu ?

Br@nkoR · 20. 12. 2011.

Citat:

Originalno napisao AdriaMart

Sada sam takodje pokusao da dodam kod strane ispod iframe-a sa :

<?php echo htmlspecialchars(file_get_contents($_GET['url'])); ?>

da prikazuje source code kao string,

medjutim prikazuje ("Filename cannot be empty ... ")

a ovde mi se cini da filename uopste nije prazno jer ne bi bilo ni iframe-a...

Da li si proverio da je definisana $_GET['url'] odnosno $_GET (var_dump, print_r, ...)?
http://www.php.net/manual/en/reserved.variables.get.php

Citat:

Originalno napisao AdriaMart

Kada se ovo uradi da li postoji mogucnost da se nekom jquery funcijom klikom na elemenat u iframeu obelezava i deo u srtingu tj. da jednostavno da se menja boja pozadine dela stringa kada se klikne na neki elemenat u iframeu ?

Nisam siguran da li razumem, da li misliš nešto kao Firebug, odnosno Developer Tools, Dragonfly u ostalim browserima? Ukoliko je to, skini i raspakuj (promeni ekstenziju *.xpi u *.zip) Firebug ekstenziju i pogledaj kako ona radi.

AdriaMart · 20. 12. 2011.

Citat:

Originalno napisao Br@nkoR

Nisam siguran da li razumem, da li misliš nešto kao Firebug, odnosno Developer Tools, Dragonfly u ostalim browserima? Ukoliko je to, skini i raspakuj (promeni ekstenziju *.xpi u *.zip) Firebug ekstenziju i pogledaj kako ona radi.

Posto vidim da su svi ovi fajlovi Javascript i css, tpl, mogu li da nekako jednostavno samo integrisem ovo na svoju stranicu?

17. 12. 2011.	#2
AdriaMart expert Expert Datum učlanjenja: 15.03.2011 Poruke: 518 Hvala: 16 20 "Hvala" u 17 poruka	Gde gresim? __________________ I'm not sexy and I know IT!

17. 12. 2011.	#3
webarto expert Grand Master Datum učlanjenja: 11.04.2010 Poruke: 998 Hvala: 141 959 "Hvala" u 153 poruka	Ne možeš tako pristupati iframeu, pokušaj sa ovime... http://api.jquery.com/contents/ Ako ti je problem tako, onda učitaj bez iframe, pa vidi hoće li raditi i kako. __________________ Github // LinkedIn // PHP // ZCE // Stackoverflow PHP // Site5 Web Hosting

18. 12. 2011.	#4
AdriaMart expert Expert Datum učlanjenja: 15.03.2011 Poruke: 518 Hvala: 16 20 "Hvala" u 17 poruka	Radi sve OK kada je samo HTML u pitanju... znaci kada iskoristim funciju echo... ali u iframeu nikako da proradi! __________________ I'm not sexy and I know IT!

18. 12. 2011.	#5
AdriaMart expert Expert Datum učlanjenja: 15.03.2011 Poruke: 518 Hvala: 16 20 "Hvala" u 17 poruka	Probao sam i ovo ali ni to ne radi: var iframeDoc = $('iframe#iframe').contents().get(0); $(iframeDoc).bind('click', function(event) { alert(getXPath(event.target)); }); a cini mi se da i @webarto nije u pravu... ovde je problem cross-security najverovatnije jer je strana samo mirrovana i broswer je vidi kao drugu stranicu... ipak nemoze da se radi ovako, moraju da se preprave sve adrese i da se sacuva na mom dome nu! __________________ I'm not sexy and I know IT! Poslednja izmena od AdriaMart : 18. 12. 2011. u 14:56.

18. 12. 2011.	#7
AdriaMart expert Expert Datum učlanjenja: 15.03.2011 Poruke: 518 Hvala: 16 20 "Hvala" u 17 poruka	@Branko da nije tebe ovaj projekat bi danas bio na NULI, Neznam vise kako da ti se zahvalim za svu ovu pomoc. Novcano cu garantujem ti cim budu neke pare legle od ovoga! a ja mislio da je opet problem cross-domain security! __________________ I'm not sexy and I know IT! Poslednja izmena od AdriaMart : 18. 12. 2011. u 21:00.

19. 12. 2011.	#8
AdriaMart expert Expert Datum učlanjenja: 15.03.2011 Poruke: 518 Hvala: 16 20 "Hvala" u 17 poruka	Sada sam takodje pokusao da dodam kod strane ispod iframe-a sa : <?php echo htmlspecialchars(file_get_contents($_GET['url'])); ?> da prikazuje source code kao string, medjutim prikazuje ("Filename cannot be empty ... ") a ovde mi se cini da filename uopste nije prazno jer ne bi bilo ni iframe-a... Kada se ovo uradi da li postoji mogucnost da se nekom jquery funcijom klikom na elemenat u iframeu obelezava i deo u srtingu tj. da jednostavno da se menja boja pozadine dela stringa kada se klikne na neki elemenat u iframeu ? __________________ I'm not sexy and I know IT!

Alati teme
Pogledajte verziju za štampanje Pošaljite email-om ovu stranu
Način prikaza
Prebacite u linearni prikaz Hibridni prikaz Prebacite u prikaz po temama