Databases
StackOverflow2013
Postsdbo
POHow to find functions, classes and IDs on HTML/CSS/Javascript/PHP
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to find functions, classes and IDs on HTML/CSS/Javascript/PHP
    primarykey
    data
    text
    <p><strong>Intro:</strong> I am fixing a website that wasn't coded by me (first time) and I would like to know the best way to find functions, classes and IDs associations within all files of the website.</p> <p><strong>Main problem:</strong> The main problem is that I lose too much time trying do discover what function does what and what elements are affected. For example I look at a certain element with a certain ID or class and I have to manually search all files to check associations.</p> <p><strong>Extra info:</strong> I currently use sublimetext and, some times, dreamweaver but I am willing to use other programs if needed to be more efficient. The website is mainly HTML, CSS and Javascript.</p> <p><strong>Example:</strong> ID="affected" was modified by file_1.js and file_7.js. <strong>Or</strong> ID="affected" is using style_1.css which is being target by file_5.js. I am not sure if there is such a software though.</p> <p><strong>Update:</strong> 1) I still have to test Sadi Qevani answer but so far I've concluded the following: 2) NetBeans is good for javascript but it requires an install to do something that sublimetext or notepad++ already do. For example I can add folders and/or files to sublimetext press ctrl+shift+f and find any word in all files, it will show the files and some of the code near the word in that file, click twice and I am editing that file in the exact line of code where the word appears. This can be used to every type of file! 3) Chrome and Firefox with firebug are excelent tools to check the CSS of each element and to test some changes without touching the original files. 4) I was expecting a powerfull program that would "think" like a browser to show everything that is happening when a browser opens "line-by-line" so I know which element was being affected by whom and so on... but maybe it doesn't even exists :(</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. US2Noob2Good
    1. US2Noob2Good
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. CO`ack` lets you search for code in a directory recursively, and I imagine it allows you to use regular expressions. At the least you should be able to run `ack #` and get some IDs.
      singulars
      1. POHow to find functions, classes and IDs on HTML/CSS/Javascript/PHP
      1. USWaleed Khan
    2. COIf it is a php site, might aswell use an IDE that support intellisense. For example phpstorm or zend studio allow you to see the function definition right by hovering on them. It also shows you the file where it is located
      singulars
      1. POHow to find functions, classes and IDs on HTML/CSS/Javascript/PHP
      1. USIbu
    3. COCould you give more detailed example suing specific code of the kind of association that is giving you trouble: unpicking someone elses code is always difficult, that is why good practice is to use many comments
      singulars
      1. POHow to find functions, classes and IDs on HTML/CSS/Javascript/PHP
      1. USGideon
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload