Locating which external javascript is used in CSS
Is there an easy way to tell which .js file that a page element is using?
I have downloaded a template which references so many external .js files and I am having troubles finding which ones I need to modify in order to change the elements on the page.
i.e. Firebug does a great job with telling me which external css files are referenced in design elements.
Is there a way to do a similar thing with javascript?
Cheers
Lee
Thanks for the advice guys. Many of the functions within the javascript contain "hardcoded" variables that I need to edit. I'm only doing this for a mockup prior to creating a database driven site.
The templates contain many functions and features in each page and In order for me to change the text that e.g. appears inside a dialog box popup, I need to find the javascript associated with that button. (the person that designed the templates has coded it this way)
The Button Code would look like this
<a href="#" class="btn marginR10 marginB10" id="openDialog">Show dialog</a>
A small sample of the multiple externally referenced javascript files included in the page would look like this
<script type="text/javascript" src="plugins/misc/prettify/prettify.js"></script><!-- Code view plugin -->
<script type="text/javascript" src="plugins/misc/qtip/jquery.qtip.min.js"></script><!-- Custom tooltip plugin -->
<script type="text/javascript" src="plugins/misc/animated-progress-bar/jquery.progressbar.js"></script>
<script type="text/javascript" src="plugins/misc/pnotify/jquery.pnotify.min.js"></script>
<script type="text/javascript" src="plugins/misc/totop/jquery.ui.totop.min.js"></script>
How can I find which .js file is triggered when I "click the button"
Cheers
Lee
Similar Messages
-
Macbook air, which external HD to use?
Hello all,
Here is the solution I want but i don't know what device to use.
Im looking to buy a macbook air, and a thunderbolt bolt display an ~2TB external HDD.
Now I have a large HD video collection which naturally will have to be stored on the external HHD due to small SSD on the macbook air. Now what worries me is the transfer speeds I want something thats transfers fast. Idealy I would like the hard drive to be either thunderbolt or usb 3.0 connected into the thunderbolt display, then i could connect the one thunderbolt cable to the air when i dock it, and bobs your uncle.
Now the more difficult bit. What if i also wanted this HHD to be wireless, so I could use the machine say on my lap in bed, and still be able to transfer files to and from the HDD, and the apple TV will also be referencing it to play the files stored on it. I know the transfer speeds at this point wouldn't be as great as the wired connection but thats ok as this would only be on the odd occasion.
Am I looking for something that doesn't exist? or have you got any suggestions?Both thunderbolt AND wireless. That's alot to ask,especially when you realize that there are but a handful of Thunderbolt drives yet available.
If you want both blazing fast, and wireless capability, I don't see how it could be practically done with one volume. I mean, you could use a Thunderbolt drive, that also has USB capability, then alternately connect such drive to your network drive enabled wireless router, or directly to your MBA by the thunderbolt connection, but it seems like a bit of a hassle.
I use both the Seagate GoFlex w/T-bolt adapter and the LaCie Little Big Disk (thunderbolt), to get really fast external storage. I prefer the Seagate solution, for flexibility reasons (and cost). I mean, I can actually connect a bare SSD to the Seagate Thunderbolt adapter and get transfer rates that rival the internal drive (in excess of 450 MB/second). That is smoking fast. Seagate has a 7200 RPM GoFlex portable drive, that when connected to the T-Bolt adapter, provide a very reasonably priced (in relative terms), fast drive setup. You could easily connect the same drive to the included USB 3.0 adapter, and then hook it to your network drive enabled router, for wireless operation. -
How can I specify which divs to display using js/css
I'm building a web app that will be converted to a smartphone app, probably using phone gap build. I began by using the jquery mobile sample which appears to work well. The app will display a series of phrases on the page in English and then optionally display the phrase in Formal Spanish or Informal Spanish, the user can also tap the screen to hear the phrase.
The problem I'm having is how to control whether the user sees the Formal or informal Spanish. I'd like to have either a couple of checkboxes where the user can select Formal/ Informal/ Both or three buttons identified as Formal/ Informal/Both, buttons would be preferable to checkboxes.
I set up DIVs around the Formal and Informal Spanish phrases and defined them as "Class: Formal" or Class Informalt" and thought I'd use Display:Inline or Display:None but how do I get from someone tapping on a button to changing the CSS so that the class selected is defined as Display:Inline and the class not selected is defined as Display:None? As this will be a smartphone app all I can use is HTML, CSS and JS.
This is my first app and I'm having a hard time getting my head around this.
The web app can be seen here www.pslt.biz/mobileApp/LE4/index.html#ageWtHt where you'll see a single English phrase and the Formal and Informal Spanish.
Thanks for any direction you can give.
Here's the html for the aprt of the page in question
<div data-role="content">
<div style="float:left"; "width:100%">
<div style="width:200px">
<strong> How old are you?</strong>
</div>
<div class="formal">
<div style="float:left">
<a href="#" onclick="playSound('Sounds/testaycaramba.mp3');">
<img src="images/audio-75.gif" alt="" width="25" height="25" /></a>
</div>
<div style="float:left">
Cuántos años tiene?
</div>
</div>
<div class="informal">
<div style="clear:left">
<div style="float:left">
<a href="#" onclick="playSound('Sounds/testaycaramba.mp3');">
<img src="images/audio-75.gif" alt="" width="25" height="25" /></a>
</div>
<div>
Cuántos años tienes?
</div>
</div>
</div>
</div>Hi Murray,
Thanks for the js code. I tried it and am having problems getting it to work. You can see the webapp here www.pslt.biz/mobileApp/LE4/index3.html , Then click on "Age, Weight & Height" and you'll see the buttons I added. There will be multiple English phrases on a page each one having two Spanish translations, one in Formal Spanish and the second in Informal Spanish. When the user clicks "Formal" they should see all the English phrases and only the Formal Spanish phrases(the first Spanish phrase after the English), when they click "Informal" they should see all the English phrases and only the Informal Spanish phrases(the second Spanish phrase) and when they click "Formal & Informal" they should see the English phrases followed by both Spanish phrases. I have only set this up for the first phrase on the page, once i get it working for one phrase the rest should be easy....
I tried aligning the buttons underneath the page header but when I did this, using a Div around the buttons, the buttons disappeared and I was left with links in blue that were very hard to read. I must be doing something wrong here too. I really appreciate your assistance with this.
In case it helps, below is the code for the buttons in the header section of the page and the first English phrase on the page in the "Content" section of the page. Following that is the CSS which is in a separate file if that makes any difference.
Thanks again.
<div data-role="page" id="ageWtHt">
<div data-role="header" data-theme="b">
<h1>Age, Weight & Height</h1>
<h1>1 kilo = 2.2 lbs, 1 meter = 3.3 ft. </h1>
<a href="#" onclick="document.getElementById('formal').style.display='block';documen t.getElementById('informal').style.display='none';">Display Formal</a>
<a href="#" onclick="document.getElementById('formal').style.display='none';documen t.getElementById('informal').style.display='block';">Display Informal</a>
<a href="#" onclick="document.getElementById('formal').style.display='block';documen t.getElementById('informal').style.display='block';">Display Formal & Informal</a>
</div>
<div data-role="content">
<!-- Start test formal informal layout -->
<div style="float:left"; "width:100%"> <!--Start formal/informal -->
<div class="english" style="width:200px"> <!-- Start English -->
How old are you?
</div> <!-- End English -->
<div class="formal"> <!-- Start Formal -->
<div style="float:left">
<a href="#" onclick="playSound('Sounds/testaycaramba.mp3');">
<img src="images/audio-75.gif" alt="" width="25" height="25" /></a>
</div>
<div style="float:left">
Cuántos años tiene?
</div>
</div> <!-- End Formal -->
<div class="informal"> <!-- Start informal -->
<div style="clear:left">
<div style="float:left">
<a href="#" onclick="playSound('Sounds/testaycaramba.mp3');">
<img src="images/audio-75.gif" alt="" width="25" height="25" /></a>
</div>
<div>
Cuántos años tienes?
</div>
</div>
</div> <!-- End informal -->
</div> <!-- End formal/informal test -->
<!-- End test formal informal layout -->
<h1><Br /><Br /> <Br />IGNORE BELOW HERE </h1>
*******here is the CSS*******
@charset "utf-8";
body {
font-family: Arial, Helvetica, sans-serif;
.english { display:block;
font-weight:bold;
.formal { display:block;
.informal {display:block;
Tony -
I'm curious which external JavaScript Editor others use?
I use PSPad, which has lot of nice features, but I don't have a syntax highliter and clip/autocomplete for all the Acrobat JavaScript methods. Is there a simple list of all these methods available?
Also PSPad supports access to indexed .chm or .hlp files. Is the Acrobat 3D JavaScript available as a standard .chm or .hlp Help File?
Anyone has experience with JSEclipse for Acrobat JavaScript?
Thanks for your input!
- JessFirst I would look at the options Adobe provides, and Notepad++ is one of them. Since many are free, you could try them and then select which one you find most helpful. These text editors can also be used independently of Acrobat for other editing task so you might want to also consider that in making your choice.
-
How to include external javascript and css resources to a jsf?
I need to include external css and javascript files to my jsf page. Using the code below does not work because all the styles on the css page are ignored and the functions within the js files are not executed.
<link rel="stylesheet" type="text/css" href="/resources/styles/style.css" />
<script language="JavaScript" src="/resources/javascript/util.js"></script>When I try to execute any js function within a script tag on a jsf page I get an object expected error.
I googled about my problem and found this piece of code for importing styles for an external css.
<style type="text/css">
@import url("/resources/styles/style.css");
</style>How could I add an external javascript file to my jsf?Used the relative urls in my first post as well as these, and both were not working.
<link rel="stylesheet" type="text/css" href="./resources/styles/style.css" />
<script language="JavaScript" src="./resources/javascript/util.js"></script>The ./ tells that the external file can be found by starting at the current directory and working down the path to the specified file. This is my directory structure. Index.jsf is the file that references the external js and css files.
-Webcontent
|_index.jsf
|_resources
|__styles
| |__style.css
|__javascript
|__util.js
Either way I still can't reference the files that I need. Calling a javascript function results in an object expected error, and the styles are ignored.
If I include the js file directly in the jsf then I can get it to work. I don't want to do this because I have created a handful of seperate js files, and do not want to include all of them in one page. I am using myfaces and tomahawk if that helps. -
Including external javascript and css files in servlet
Hello,
I am struggling to generate an HTML page from within a servlet using external javascript and css files. I am not sure how to point the servlet to the external files.
Any code sample to accomplish the above will be much appreciated.
Thanks inadvance,
Antana.Can't you just include the following in your servlet?
response.setContentType("text/html");
PrintWriter out = response.getWriter();
out.println("<html>");
out.println("<head>");
out.println("<title>Getting CSS</title>");
out.println("<link rel='stylesheet' type='text/css' href='yourCSS.css' />");
out.println("<script language='JavaScript' SRC='yourScript.js'></script>");
out.println("</head>");
//... -
Changing .css property through external Javascript file?
Hi,
I'm trying to create all kinds of functions on an external .js file, so I can just call them in Edge multiple times with less coding. The thing is, after importing jQuery and my external Javascript file, some code works, but I get stuck at this part: changing the .css property of a symbol, more specifically, the "font-size" property. My current function is:
function setFont(textid,fontsize,originalWinWidth){ //textid: symbol's name; fontsize: current font size of this symbol; originalWinWidth: window size at the start of the animation
console.log("Set Font:");
//set the original font size
var originalFontSize = Math.round(originalWinWidth/fontsize);
console.log("Original Font Size: " + originalFontSize);
console.log("Text ID: " + textid);
//set the font size using jquery
sym.$(textid).css("font-size", originalFontSize); }
I get an error at the last line, all other parts of the code works. Any idea what this could be?
Thanks,
Rafael CarignatoHave you tried sending textid to the console.log to make sure you're sending the actual name of the symbol and not a pointer to the symbol itself?
-Elaine -
Which external hard drive should I use/choose as I am setting up Time Machine on my MacBook Pro 15 for the very first time?
Any of these SATA HDDs that are at least the same size as your internal HDD (preferably larger capacity). In addition you will need an enclosure, preferably one with a Firewire as well as a USB connection.
http://eshop.macsales.com/shop/hard-drives/2.5-Notebook/
Ciao. -
Which external hard drive should I use to save my iTunes library?
Hi,
So I have collected so much music and movies in iTunes that my internal HD is practically full. (Library is over 500GB of 1TB and the rest is taken up with my apps and programs.) It's time to purchase an external hard drive to transfer my library to. Furthermore, I currently have a 2TB WD My Book for Mac that I am currently using for backup. The My Book is also full and Time Machine is deleting the oldest backups to make room for the current ones.
Here is where I need everyones advice. I am planning on purchasing a 3TB WD My Book for Mac. I am planning on purchasing more movies for iTunes. Which external hard drive should I use for what? Option A or B
Option A: Put my iTunes library on the 2TB external hard drive and use the 3TB for backup
Option B: Put my iTunes library on the 3TB external hard drive and continue to use the 2TB for backup
Also please give me your reasoning.
Thanks everyone for your responses!Limnos,
So, let's go one step further with this. I read your reply to moving iTunes library to an external hard drive: https://discussions.apple.com/thread/4594518?tstart=0 However, if I move the iTunes library, will this include all the movies and apps that I have purchased?
Thanks!!!! -
I downloaded and installed Lion on an external hard drive using my laptop which is running Snow Leopard I have now decided that I want to install Lion on my Laptop, but when I go to the App store and click on my purchases it will not download again
Thanks Dirk,
Tried your suggestion various ways but it had no effect the download button was still greyed out and the install button would not activate will keep trying to find a solution. I dont want to boot from the external hard drive that has Lion on mainly because it is a usb HD and the connection to my wireless modem slows the connection rate and downloading would take about ten hours -
Get location/coordinates for a field using JavaScript in Acrobat Professional
Good day,
I am looking for a way to get the coordinates of a text field.
I would like to create a listbox and set the location of the listbox top left to the text fields bottom left coordinates, I have had a look at the scripting guides ... could not turn up anything.
I know how to create and populate this listbox using the JavaScript code, only problem is, to get the coordinates of the text box.Try this:
1. Move or change the dimensions of the text boxes on the extracted page in the configuration that you want.
2. When you are satisfied with the new configuration, modify the following JavaScript to use the names of the text boxes that you want to include on the page.
//find_rect //find coordinates of text boxes whose names are included in the var rct,ary = ["fld_1","fld_2","fld_3","fld_4"]; //...etc.
for (j = 0; j<ary.length; j++){
console.println(ary[j]);
rct = this.getField(ary[j]).rect;
for (i= 0; i< rct.length; i++) console.println(rct[i]);
3. Add the modified code to the document level of form. (as a doc level javascript but with no function name or brackets included.
4. When you run the code, the coordinates for the fields that you have included in the array will be printed in the console window:
Example:
fld_1
21
777
296
717
fld_2
30
769
65
729 -
You have Macbook of some kind and it has two Thunderbolt ports. Which port do you use first for an external monitor/projector?
By the way, I have tried shutting of the display switching in the power settings. That was basically the only real answer I found anywhere. It didn't work.
-
Can In Design CS 5.5 locate which page uses a particular color swatch?
In Design has powerful search abilities. It can even find where a STYLE is used inside a document with many pages/
Can In Design CS 5.5 locate which page uses a particular color swatch?Maybe. Try Find/Change, Object tab, or look at the Blatner Tools plugin
-
How to get List of SharePoint Groups to which Current Users belongs using Javascript ?
How to get List of SharePoint Groups to which Current Users belongs using JavaScript? Not JSOM
Here is the code that worked for me:
var userid= _spPageContextInfo.userId;
var requestUri = _spPageContextInfo.webAbsoluteUrl + '/_api/web/CurrentUser/Groups?$select=Id,Title';
alert(requestUri);
var requestHeaders = { "accept" : "application/json;odata=verbose" };
$.ajax({
url : requestUri,
contentType : "application/json;odata=verbose",
headers : requestHeaders,
success : onSuccess,
error : onError
function onSuccess(data, request){
var s='';
for (var i = 0; i < data.d.results.length; i++)
s +=data.d.results[i].Title+'\n';
alert(s);
function onError(error) {
alert("error"); -
I just got a retro clock from brookstone and in setting it up it asked if I want to use current location which is incorrectly "Buffalo" but I do not know how to change it. Can anyone help me find where to change location?
As I understand it, Apple gets your location from the wi-fi router to which your iPod is connected. Location Services identifies the router and then checks for its location in Apple's database. If the router has been recently relocated or if there is a glitch in Apple's database, you will get an incorrect location. I don't think that there is anything you can do about it. You could send Apple a message about the error, but I doubt if they would do anything about it.
Maybe you are looking for
-
Apple's ink preference option, randomly appears 2008 Mac Pro???
Ink or inkwell. Is Apple's own handwriting recognition program It is included in leopard and is only available if your mac detects the presence of a wacom tablet. I don't have a wacom tablet, nor have I ever used one. Yet the ink icon has just recent
-
I have an ipad 2, yesterday I updated my ipad going in to settings software update, then the ipad went into resore mode saying it needs to connect to itunes. I did that and itunes said it was goingo to do a resotre and I lost all my info, pictures, c
-
How to put text in pdf on ipad
How to put text in pdf on ipad?
-
Zenserver process dead after installing June 2011 PRU
ZCM 10.3.1 on SLES We were trying to image a new model of computer, Lenovo M91p, and having problems getting PreBoot service to launch. Thought perhaps the latest PRU would fix it. So downloaded and deployed the June 2011 PRU, and rebooted the server
-
Convert string "true" to boolean?
Hi, I have a string like this String test = "true"; boolean bool = test.valueOf(); Is there a way to convert my string to boolean or do i have to write a chunk of code like: if(test.equals("true")){ bool = true;