How do I make a Javascript to change a text from one font to another?

[IT.Coordinator]

I'm in dire need of a Script that changes one text to another text. So like say NEWSPAPERS, is Times Roman with a 18 font and Bold, I would like a Javascript that changes the text that has 'NEWSPAPER' of any font type and size to change it to "NEWSPAPERS" with a font of Present LT std with a font size of 18 and bold.

Sample Article would look like this.

NEWSPAPERS
text is below here with correct font and size. once the text is imported into Indesign CS4, this script will change the title of Newspapers to Newspapers but of the required font style, instead of manually having to change the font type and size each time the text is imported to Indesign.

This is a script I've got so far, I'm curious if I'm using the right javascript function's to perform this task.

<script type="text/javascript">
<!--
<!--
<!--
<!--

function fontchange (multiplier) 
<---
<--- if font doesn't equal "Present LT std" | Font=black | Size=18 it then goes to the <--- then statement
<---
{If (document.body.style.fonttype = "") 
	
	{
<---
<---
<--- If font doesn't Equal Present LT std, then it changes the text to this font style....
<---
<---
then (document.body.style.fonttype = "Present LT std"); (document.body.style.fontSize = (18))
	}
}
<---
<---
<---
<---
</script>

Any help would be greatly appreciated with this matter. I will be a script that will be running inside of Indesign CS3. I'm a VB and C++ programmer, and I'm having to Learn Javascript for Indesign, so I know how to program, just dont know the functions of Javascript. I'm hoping this is a fairly simple script to write. Also if anyone knows a good tutorial on how to javascript or more specifically the function commands of javascript, that would be very much appreciated.

[Graphix]

You can modify the styles of elements easily:

Let's say you have some have an element with some text:

<span id='my_text' style='font-family:Arial;'>Some text</span>

Then you can use JavaScript to change its font family:

document.getElementById("my_text").style.fontFamily = "Times New Roman";

For all CSS properties and how to use them in JavaScript, see:

http://www.w3schools.com/CSS/pr_font_font-family.asp
(look at the JavaScript Syntax in the information table)

And look around the site for other CSS properties and how to use them

~G

[IT.Coordinator]

So is this how it should look like? Would this work?

<script type="text/javascript">
<!--
<!--
<!--
<!--

function fontchange (multiplier) 
var fonttype = "document.body.style.fontfamily = "Present LT std";
var fontsize = "document.body.style.fontSize = (18)";
<---
<--- if font doesn't equal "Present LT std" | Font=black | Size=18
<---
{If (document.body.style.fonttype = 0) ;
	
	{
<---
<---
<--- If font doesn't Equal Present LT std, then it changes the text to this font style....
<---
<---
then app.doscript(fonttype, fontsize);
	}
}
<---
<---
<---
<---
</script>

[Graphix]

If you ask me: "does this code work?", you have not tested it out yourself at all, which is not advisable. Also commenting in JavaScript needs to be:

/* My comment */
// My comment

Anyway, the following function checks whether the body style (the style of the entire document!) is set to font family "Present LT std" and font size "18px", if it is not then sets it like that:

function FontChange() {

 /* Retrieving font: */
 var FontFamily = document.body.style.fontFamily;
 var FontSize = document.body.style.fontSize;
 
 /* Checking and correcting font: */
 if (FontFamily != "Present LT std") {
  document.body.style.fontFamily = "Present LT std";
 }

 if (FontSize != "18px") {
  document.body.style.fontSize = "18px";
 }

}

You should really read up on how to write JavaScript, it is not that difficult:
http://www.w3schools.com/js/default.asp

~G

[IT.Coordinator]

Ok, sweet, that worked. Thank for the help. I'm curious how would I make the script target one article of the document instead of the entire document? Like a Check (if then) function that checks too see if its like say Times Roman, and then changes that text to "Present LT std".

I understand your coding very well, I'm just completely new to Javascript, and completely willing to learn. Just didn't take any courses in Javascript took course in C++ and VB, but not Java.

[IT.Coordinator]

<script type="text/javascript">
//--This script changes text of a entire document from whatever font it is to "Present LT Std".
//-- Created 11/18/10. Straus News Chester, NY. Incopy CS3.
//--
//--
//-- var myInCopy = app
//-- var myDocument = app.activeDocument
//-- var myDocName = myDocument.name 
//
//
//Was an attempt at changing a set text from a town without a state to then include a state
//
//
//app.findTextPreferences.findWhat = "Chester";
//app.changeTextPreferences.changeTo = "Chester, NY";
//app.documents.item(0).changeText();
//var myInDesign = app
var myIncopy = app 
var document = app.activeDocument
var FontFamily = document.body.style.fontfamily
var FontSize = document.body.style.fontsize;

      function FontChange() {
       
      // Retrieving font: 
      
       
   
      // Checking and correcting font: 
      if (FontFamily != "Present LT std") {   
      document.body.style.FontFamily = "Present LT std";  
      }
         
      if (FontSize != "18pt") {  
      document.body.style.FontSize = "18pt";  
      }
         
  
      }
//---
//---
//---
//---
</script>

Why is the FontSize giving me a snytex error sayings its a Offending If statement.

[Graphix]

>> Line 18,19,20 - You forgot to end them with a ;
>> Line 19 - You can't redeclare the document object. Call it something like "element" or "AppDocument"
>> Line 20, 21, 31, 35 - Pay attention to the caption of the css property, it needs to be "fontSize" and "fontFamily" to work properly
>> Line 18 - You did not declare the variable "app"? I don't know whether that is a pre-defined variable of Indesign CS3?

~G

[IT.Coordinator]

var Element = app.activeDocument;
var FontFamily1 = Element.body.style.fontFamily;
var FontSize1 = Element.body.style.fontSize;
// Retrieving font:               
      // Checking and correcting font: 
      function FontChange() {           
      if (FontFamily1 != "Present LT std") {   
      FontFamily1 = "Present LT std";  
      }         
      if (FontSize1 != "18pt") {  
      FontSize1 = "18pt";  
      }       
        }

I'm getting a error message,

Error Number: 55
Error Sting: Object does not support the property or method 'body'
Line: 20
Source var FontFamily1 = Element.Body.style.fontFamily;

var Element = app.activeDocument;
var FontFamily1 = Element.body.style.fontFamily;
var FontSize1 = Element.body.style.fontSize;
// Retrieving font:
// Checking and correcting font:
function FontChange() {

if (FontFamily1 != "Present LT std") {   
      FontFamily1 = "Present LT std";  
      }         
      if (FontSize1 != "18pt") {  
      FontSize1 = "18pt";  
      }       
        }

[IT.Coordinator]

erg, Line 20 on the Document is Line 2 on the post.

[Graphix]

I don't know what the "app" variable is in your post, as I said when I corrected it. I am not familiar with InDesign CS3 so I assumed it was some kind of seperate window. What type of element/tag does the "app" variable represent? (I mean is it a <div>, a <span>, <p>?)

~G

[IT.Coordinator]

app.document

I just applies to the program.

[IT.Coordinator]

so in essence could it just be

var Element = activeDocument;
var FontFamily1 = Element.body.style.fontFamily;
var FontSize1 = Element.body.style.fontSize;
// Retrieving font:               
      // Checking and correcting font: 
      function FontChange() {           
      if (FontFamily1 != "Present LT std") {   
      FontFamily1 = "Present LT std";  
      }         
      if (FontSize1 != "18pt") {  
      FontSize1 = "18pt";  
      }       
        }

[Graphix]

The error is triggered due to the fact that the app.document does not have a child element "body" which is in XHTML the <body> tag. Try the following:

Element.style.fontFamily

If that also triggers an error, you need to give me a bit more information about app.document and its content

EDIT: I dont know, what is "activeDocument"?

EDIT2: In one of my first posts, I posted a function named FontChange() that uses the document element (which is the active document aka the document in which the javascript code is placed/executed):

function FontChange() {

 /* Retrieving font: */
 var FontFamily = document.body.style.fontFamily;
 var FontSize = document.body.style.fontSize;
 
 /* Checking and correcting font: */
 if (FontFamily != "Present LT std") {
  document.body.style.fontFamily = "Present LT std";
 }

 if (FontSize != "18px") {
  document.body.style.fontSize = "18px";
 }

}

[IT.Coordinator]

ahhh it could be that this function of javascript doesn't work within a Adobe CS suite progrduct that has it own variation of javascript. but i'm just guessing.

[Graphix]

The javascript core is the same, but the objects and some other parts are different. You should check out some tutorials on it, starting with:
http://www.adobe.com/products/indesign/scripting/pdfs/InDesignCS3_ScriptingGuide_JS.pdf

~G