Develop Reference

Selenium/Python/Chrome/Chrome Dev Tools - Why does the source code and dev tools show 2 different code?

In Chrome, I am using LogMeIn to remote to other computers for my job. I log in to my account, and scroll down to the computer I want to use. I am actually trying to set up an automated task using Selenium with Python, so I look at the source code to find the name of the link I want to open. First, the main page source code shows that there is an iframe named "IFrameInCenterPanel". In my code I switch to that iframe. Then I use
driver.find_element(By.LINK_TEXT, "<computer name>")
The element cannot be found. In Chrome, I right click where in that iframe is and view source code, the source code does not have any of the computer names listed their. Below I pasted a redacted version of the dictionary(?) because it is over 100 lines, and the only one I actually need is "FileManager" and/or "GoToFileman" so I can go start setting my task up.
<script type="text/javascript">
//<![CDATA[
var ML = function (ML) {
ML.MYC = {
CancelNote:"Cancel",
CollapseAll:"Collapse All",
Computer:"Computer",
ComputersLCase:"computers",
Computer1:"1 computer",
Computer2:"2 computers",
ComputerProperties:"Computer Properties",
ConnectToThisComp:"Connect to this Computer",
Dashboard:"Dashboard",
DefaultGroup:"Default Group",
BreakAndFixGroupName:"Ad Hoc Support Sessions",
Description:"Description",
DetailView:"Detail View",
DirectConnect:"Direct Connect",
EditLCase:"edit",
ExpandAll:"Expand All",
FileManager:"File Manager",
Filters:"Filters",
ForXDays:"for %d days",
GoToDash:"Go to the dashboard",
GoToFileman:"Go to the file manager",
GoToMainMenu:"Go to the main menu",
Menu:"Menu",
MainMenu:"Main Menu",
MyComputers:"My Computers",
NoComputersInGroup:"No computers in group",
Note:"Note",
};
return ML;
} (ML || {});
//]]>
</script>
On the list of computers, to the right of each computer there is a "File Manager" link, when I right click on computer name and select inspect, the Developer Tools panel opens up and highlights the following code:
<li id="item#########"" class="tilerow" style="top: 4234px; left: 0px;">
<div class="online tilerow ">
<a href="javascript:void(0);">
<div class="cell c1 spr"></div>
</a>
<div class="cell c2">
COMPUTER NAME I WANT TO FIND == $0
*NOTE: I redacted the item number because I wasn't sure if that was going to be something that was a private thing or not.
And when I inspect the "File Manager" link, this is the code it highlights:
<a href="javascript:void(0);"> == $0
"File Manager"
<div class="icon spr fileman"></div>
</a>
The code that I have been using:
wait = WebDriverWait(driver, 30)
wait.until(EC.frame_to_be_available_and_switch_to_it("IFrameInCenterPanel"))
driver.find_element(By.LINK_TEXT, "computer name").click()
returns that the link text cannot be found. For now I just want to get to the link for the computer itself. But I would eventually like to just click file manager. If anyone can help me with this, I would very much appreciate it.

Making a hyperlink for Angularjs

I am working on a mobile site. I have created a hyperlink that works and was written in basic javascript.
'Go to Tour info '
This code works fine. But I wanted to change the code too better work with angularjs. I tried rewriting it just as...
'<a ng-href="/tours/'+$scope.tourmarkers[i]._id+'">Go to Tour info </a>'
where i cut off part of the of the url that was already being used. I changed the href by adding the ng in front. But I do not feel this is an angular statement. How can i make my original hyperlink be written for angularjs??

try this:
<a ng-href="{{'/tours/' + $scope.tourmarkers[i]._id}}">Go to Tour info </a>

try this
<a ng-href="/tours/{{$scope.tourmarkers[i]._id}}">Go to Tour info </a>
OR
in your controller
$scope.path = '/tours/' + $scope.tourmarkers[i]._id
now in view
'<a ng-href="{{path}}">Go to Tour info </a>'
since ng-href binds dynamically

Get a link from a page and print it

this should be pretty easy but I'm having problems with making it work right.
This is for a small warehouse that delivers objects. when someone orders something it appears on a page wich is generated automatically. It is an index.php this is the code that contains the print link :
<tr class="">
<td width="244" align="left">
<p style="padding-left:5px; ">
<strong>1.</strong>
<strong style=" font-weight:bold; font-size:12">Client Name</strong>
<br/>
<a href="http://site/orders/order.php?id_comanda=15284656"
target="_blank" onClick="this.blur()">15284656 - auto</a>
<br />
<a href="marfa-pregatita.php?nr_aviz=401599413&nr_disp=18129704&act=2"
target="_blank" onClick="this.blur()">printing link</a><br>
<span style='color: #FF0000'>times printed :
<span style='font-weight:bold';font-size:10pt>1</span> x</span>
</p>
<a name="df_18129704"></a>
</td>
there are multiple codes like this on the page numbered from 1 to how many are there. The "printing link" needs to be opened and printed for everyone of this orders. I am quite new to java coding. How can this be done? the printing link changes only with the "nr_aviz=401599413&nr_disp=18129704" just the actual numbers change. Please help! I want this to run as an addon on chrome.

If you want to develop a chrome extension, see the Chrome Extenstions developper documentation to get started. You'll have to write Javascript code (not Java which is a very different language).
You can select every printing links by using Javascript CSS selectors API, like so :
// selects links (<a ...>) where attribute "href" starts with "marfa-pregatita.php"
var selector = 'a[href^="marfa-pregatita.php"]';
var links = document.querySelectorAll(selector);
// for each link, click on it
for (var i=0; i<links.length; i++) {
var link = links[i];
if (link.text == "printing link") {
link.click();
}
}
You can also run this in Chrome Dev Tools (open it by hitting Ctrl+Shift+I). Go in the Console tab and type your code directly or go in the Sources tab and add your script as a Snippet. It's good place to start in order to create an extension.
Hope this helps.

Why google plus description is not sharing on click?

I want to share my google plus description. I am using Yoast WordPress SEO plugin v1.7.1.
No doubt it is making the meta decription tags but on clicking the description is not shared properly why ?
<a class="social-is social-googleplus" href="https://plus.google.com/share?url=" onclick="gplus=window.open(this.href+escape(window.location),
'', 'menubar=no,toolbar=no,resizable=no,scrollbars=no,height=300,width=600');return false;" target="_blank"></a>
What will be the issue ? Is my HTML Code true or there is something new ?

I was using og image with size 200x200. I used the image of size 600x600 and my problem resolved now.

Uncaught SyntaxError: Unexpected token ILLEGAL in jQuery string

$('#post-2233 > h2').text('Feeds / Downloads');
$('#post-2233 > h2').after(
'<div class="clo-column-before"> \
<p>Please login on the right to access the content below.</p> \
<p>Below is all the downloadable content on the website. Your account gives you access to all the items with a check mark next to it. </p> \
<p>You can purchase additional access from your member page. If you have any problems accessing any of the content below, please contact us.</p> \
</div>'
);
$('#post-2233 > .entrytext').after(
'<div class="clo-column-after"> \
<h2>Download instructions: PC / Mac, iPhone / iPad, Android</h2> \
<h3>PC / Mac:</h3> \
<p>Click directly on the links to open the content. You can then download it directly from the page that opens.</p> \
<p>Click on the iTunes logo to open the content into iTunes.</p> \
<p>Note that the PDFs are in a zip archive that will need to extracted after download.</p>
</div>'
);
});
This is the problematic line:
<div class="clo-column-after"> \
I don't see anything strange, though.

It's very possible that your browser is inserting end of line characters at each \ because of the way you are splitting that multi-line string, and maybe jQuery doesn't like those characters. Just researching your questions, almost every article I saw recommended against this type of line splitting. Instead, you could do a couple of things:
EDIT: You are missing a \ on the last <p> line. I would still consider one of the following changes, however.
Just use regular string concatenation:
$('#post-2233 > .entrytext').after(
'<div class="clo-column-after">' +
'<h2>Download instructions: PC / Mac, iPhone / iPad, Android</h2>' +
'<h3>PC / Mac:</h3>' +
'<p>Click directly on the links to open the content. You can then download it directly from the page that opens.</p>' +
'<p>Click on the iTunes logo to open the content into iTunes.</p>' +
'<p>Note that the PDFs are in a zip archive that will need to extracted after download.</p>' +
'</div>'
);
Use templates:
<script id="dl-instructions" type="text/template">
<div class="clo-column-after">
<h2>Download instructions: PC / Mac, iPhone / iPad, Android</h2>
<h3>PC / Mac:</h3>
<p>Click directly on the links to open the content. You can then download it directly from the page that opens.</p>
<p>Click on the iTunes logo to open the content into iTunes.</p>
<p>Note that the PDFs are in a zip archive that will need to extracted after download.</p>
</div>
</script>
Then your jQuery after() call becomes:
$('#post-2233 > .entrytext').after($('#dl-instructions').html());