Live View doesn't show JavaScript

New Here ,
Feb 08, 2019 Feb 08, 2019

Copy link to clipboard

Copied

Hi,

I encounter a problem using Dreamweaver CS 5.5, version 11.5 Build 5366. I know it’s not the latest one, but that’s what I have my license for. I used to program with the jsxgraph package and look at the result using “Live-Ansicht”(Live View, I suppose). In 2018 I had a break for roughly a year. Now I wanted to continue, but only see an empty box on the right, without the axes ect. I don’t know why? Can you please help me and tell what options or so I have to choose?

Best,

Christian Bauer

<!DOCTYPE html>

<html>

<head><title>Geldpolitische Maßnahmen im Mundell-Fleming Modell</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<meta name="generator" content="TeX4ht (http://www.tug.org/tex4ht/)" />

<meta name="originator" content="TeX4ht (http://www.tug.org/tex4ht/)" />

<!-- dynvwl,0,index=4,fn-in,next,frames,java,javascript,sections+,minitoc,html5,html,xhtml,mathml -->

<meta name="src" content="dynvwl.tex" />

<meta name="date" content="2019-02-07 15:38:00" />

<link rel="stylesheet" type="text/css" href="dynvwl.css" />

<meta http-equiv="Content-Type" content="text/html" charset="iso-8859-1" />

<link type="text/css" rel="stylesheet" media="all" href="http://dynamische-vwl.de/style.css" />

<script type="text/x-mathjax-config">MathJax.Hub.Config();</script>

<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/MathJax/MathJax.js"></script>

<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />

<script charset="UTF-8" src='http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js' type='text/javascript'></script>

<script src='http://jsxgraph.uni-bayreuth.de/distrib/GeonextReader.js' type='text/javascript'></script>

<link type="text/css" rel="stylesheet" href="protex/style.css" />

</head><body

>

<div id="box" class="jxgbox" style="width: 700px; height: 700px;"></div>

<script>

var b1 = JXG.JSXGraph.initBoard('box', {boundingbox: [-12, 11, 11, -13],axis:false, keepaspectratio:true, showNavigation:false, showCopyright:false});

var O = b1.create('point',[0,0],{face:'o', size:2, name:'O',visible: true,fixed:true});

</script>

</body>

</html>

Views

203

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Community Professional , Feb 08, 2019 Feb 08, 2019

There's not much there to see.   See screenshot from DW 2019.01 in Live View.

Likes

Translate

Translate
Adobe Community Professional ,
Feb 08, 2019 Feb 08, 2019

Copy link to clipboard

Copied

There's not much there to see.   See screenshot from DW 2019.01 in Live View.

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 08, 2019 Feb 08, 2019

Copy link to clipboard

Copied

I know, because I eliminated everything from the graph but the single point to keep it simple.

However, I don't see the red point, and that means that the java script application which creates the point (and later on quite complex graphs) doesn't work at my PC and that's my problem. I only the the surrounding box.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 09, 2019 Feb 09, 2019

Copy link to clipboard

Copied

I attached an extended html code with a full blow graph. More examples are on my dynamic economics website www.dynec.de

Again: I only see the title and the empty box below and no graph (not even the point in the original post).

<!DOCTYPE html>

<html>

<head><title>Geldpolitische Maßnahmen im Mundell-Fleming Modell</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<meta name="generator" content="TeX4ht (http://www.tug.org/tex4ht/)" />

<meta name="originator" content="TeX4ht (http://www.tug.org/tex4ht/)" />

<!-- dynvwl,0,index=4,fn-in,next,frames,java,javascript,sections+,minitoc,html5,html,xhtml,mat hml -->

<meta name="src" content="dynvwl.tex" />

<meta name="date" content="2019-02-07 15:38:00" />

<link rel="stylesheet" type="text/css" href="dynvwl.css" />

<meta http-equiv="Content-Type" content="text/html" charset="iso-8859-1" />

<link type="text/css" rel="stylesheet" media="all" href="http://dynamische-vwl.de/style.css" />

<script type="text/x-mathjax-config">MathJax.Hub.Config();</script>

<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/MathJax/MathJax.js"></script>

<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />

<script charset="UTF-8" src='http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js' type='text/javascript'></script>

<script src='http://jsxgraph.uni-bayreuth.de/distrib/GeonextReader.js' type='text/javascript'></script>

<link type="text/css" rel="stylesheet" href="protex/style.css" />

</head><body

>

<div id="box" class="jxgbox" style="width: 700px; height: 700px;"></div> 

<script>

var b1 = JXG.JSXGraph.initBoard('box', {boundingbox: [-1,11, 11, -1], \initJXGBOARD});

var O = b1.create('point',[0,0],{face:'o', size:2, name:'O',visible: false,fixed: true});

var X = b1.create('point',[16,0],{face:'o', size:2,name:'X',visible: false, fixed: true});

var XA = b1.create('arrow', [O,X],{visible:false,fixed:true});

var Y = b1.create('point',[0,10],{face:'o', size:2, name:'Y',visible: false,fixed: true});

var YA = b1.create('arrow', [O,Y],{visible:false,fixed:true});

var Mengetext = b1.create('text', [function(){return X.X()-1},function(){return X.Y()+0.5}, function(){return "\VarMengeGraphik"}], {fontSize: 18});

var Preistext = b1.create('text', [function(){return Y.X()-0.5},function(){return Y.Y()+0.2}, function(){return "\VarPreiseGraphik"}], {fontSize: 18});

var P = b1.create('glider', [12,0,XA], {face:'x', name: 'N', size: 8});

%b1.addConditions("<data>N.x=If(X(N)>0,X(N),0)</data><data>N.y=If(Y(N)>0,Y(N),0)</data>");

var Q = b1.create('glider', [0,8,YA], {face:'x', name:'', size: 8});

var N = b1.create('line', [P,Q],{straightFirst:false, straightLast:false,strokeWidth:3 });

var P1 = b1.create('point', [10,5], {face:'x', name: 'A', size: 8});

var P1maxY = b1.create('point', [0,function(){return P1.Y()-0.0001}], {visible:false});

var YP1maxY = b1.create('arrow', [O,P1maxY], {visible: false});

var Q1 = b1.create('glider', [0,1,YP1maxY], {face:'x', name:'', size: 8});

var A = b1.create('line', [P1,Q1],{straightFirst:true, straightLast:false,strokeWidth:3 });

var MarktGG = b1.create('intersection', [A,N,0] , {face:'o', name:'\VarGG', size: 4});

var AM = b1.create('point', [function(){return MarktGG.X()},0], {face:'o', name:'\VarMGG',fontSize:18, size: 4} );

var AP = b1.create('point', [0,function(){return 0,MarktGG.Y()}], {face:'o',name:'\VarPGG',fontSize:18, size: 4} );

var NPline = b1.create('line', [AP,MarktGG],{straightFirst:false,straightLast:false, strokeWidth:3, dash: 2 , strokeColor: 'red'});

var NMline= b1.create('line', [AM,MarktGG],{straightFirst:false, straightLast:false,strokeWidth:3, dash: 2 , strokeColor:'red'});

N.setProperty({strokeColor:'green'});

var Preis2 = b1.create('glider',[0,5,YA], {face:'x', name:'Mindestpreis', size: 8});

var effPreis = b1.create('point', [0,function(){return Math.min(Math.max(Math.max(Preis2.Y(),AP.Y())),Q.Y())}],{name:'effPreis',visible:false});

var PPara2 = b1.create('parallel',[XA,Preis2], {visible: true, dash:2});

var GGAng2dummy = b1.create('intersection', [PPara2,A,1], {visible: false});

var GGAng2 = b1.create('point', [function(){return Math.max(Math.max(GGAng2dummy.X(),0),MarktGG.X())},function(){return Math.max(GGAng2dummy.Y(),MarktGG.Y())}] , {face:'o', name:'', size: 4,fillColor:'blue', strokeColor:'blue'});

var GGNach2dummy = b1.create('intersection', [PPara2,N,1], {visible: false});

var GGNach2 = b1.create('point', [function(){return Math.min(Math.max(GGNach2dummy.X(),0),MarktGG.X())},function(){return Math.max(GGNach2dummy.Y(),MarktGG.Y())}] , {face:'o', name:'', size: 4,strokeColor:'green', fillColor:'green'});

var PMNach2 = b1.create('point',[function(){return GGNach2.X()},0] , {face:'o', name:'', size: 4,strokeColor:'green', fillColor:'green'});

var PMAng2 = b1.create('point',[function(){return GGAng2.X()},0] , {face:'o', name:'', size: 4,fillColor:'blue', strokeColor:'blue'});

var f = function(){return (-PMNach2.X()+PMAng2.X())/Math.abs(PMNach2.X()-PMAng2.X())/2+0.5};% //indikatorfunktion f&uuml;r mengeNachf gr&ouml;&szlig; er mangeAng ;

var AMline2 = b1.create('line', [PMAng2,GGAng2],{straightFirst:false, straightLast:false,strokeWidth:3, dash: 2 , strokeColor:'blue'});

var NMline2 = b1.create('line',[PMNach2,GGNach2],{straightFirst:false, straightLast:false, strokeWidth:3,dash: 2 , strokeColor:'green'});

var Ang2M2 = b1.create('intersection',[NMline2,A,1], {visible: false});%//punkt auf der Angebotskurve bei der abgesetzten Menge

var P2AMmax = b1.create('point', [function(){return Math.max(GGNach2.X(),GGAng2.X())},function(){return Preis2.Y()}] ,{visible:false});

var P2AMline = b1.create('line',[Preis2,P2AMmax],{straightFirst:false, straightLast:false, strokeWidth:3,dash: 2 , strokeColor:'red'});

var P2Ueberschuss = b1.create('line',[GGAng2,GGNach2],{straightFirst:false, straightLast:false, strokeWidth:4,strokeColor:'red'});

var NAMtext = b1.create('text', [function(){return PMNach2.X()-2.5+f()*2.5},-0.5, function(){return "\VarMN "+PMNach2.X().toFixed(1)}], {fontSize:18, Color:'green',name:'NAMtext',opacity:function(){return (Preis2.Y() >MarktGG.Y()+0.1)}});

var dummyvis =function(){ if(Preis2.Y()<MarktGG.Y()) {return true} else {return false}};

var AMtext = b1.create('text', [function(){return PMAng2.X()-f()*2},-0.5,function(){return "\VarMA "+PMAng2.X().toFixed(1)}], {fontSize: 18,Color:'blue',visible:true,name:'AMtext',opacity:function(){return (Preis2.Y()> MarktGG.Y()+0.1)}});

%b1.addConditions("<data>N.x=If(X(N)>0,X(N),0)</data><data>N.y=If(Y(N)>0,Y(N),0)</data>");

var effGGNachf = b1.create('point', [function(){return GGNach2.X()},function(){return effPreis.Y()}] , {visible:false});

b1.create('text',[10,9, function(){if(Preis2.Y()-AP.Y()>0.1){return "Saldierter<br> Wohlfahrstverlust:"+(1/2*(effGGNachf.Y()-Ang2M2.Y())*(MarktGG.X()-Ang2M2.X())).toFixed(1)} else{if(Preis2.Y()-AP.Y()<-0.1) {return "Mindestpreis unwirksam"} else{return "Marktgleichgewicht"}}}],{fontSize:24, Color:'red'});

var WFV = b1.create('polygon', [Ang2M2,effGGNachf,MarktGG],{color:'black',name:'WFV',fillOpacity:0,lines:{strokeWidth:10,strokeColor:'black'}});

var KonsRente = b1.create('polygon', [Q,effGGNachf,effPreis],{color:'green',name:'KonsRente'});

var ProdRente = b1.create('polygon',[Ang2M2,Q1,effPreis,effGGNachf], {color:'red',name:'ProdRente'});

function WFVanzeigen() {

var dummyWFV = b1.create('intersection',[NPline,NMline2,0],{visible:false});

var verlustKonsMenge = b1.create('polygon', [dummyWFV,MarktGG,effGGNachf],{color:'orange',name:'VerlustKonsMenge'});

var verlustProdMenge = b1.create('polygon', [dummyWFV,MarktGG,Ang2M2],{color:'orange',opacity:0.5,name:'VerlustProdMenge'});

var verlustKonsPreis = b1.create('polygon', [AP,dummyWFV,effGGNachf,effPreis],{color:'blue',name:'VerlustKonsPreis'});

b1.create('text',[11,6,function(){return "Verlust der Konsumenten durch Mengenr&uuml;ckgang "+((MarktGG.X()-dummyWFV.X())*(effGGNachf.Y()-dummyWFV.Y())/2).toFixed(1) }],{fontSize:16,color:'orange',opacity:0.5});

b1.create('text',[11,4.5, function(){return "Verlust der Produzenten durch Mengenr&uuml;ckgang "+((MarktGG.X()-dummyWFV.X())*(dummyWFV.Y()-Ang2M2.Y())/2).toFixed(1) }],{fontSize:16,color:'orange',opacity:0.5});

b1.create('text',[11,3, function(){return "Verschiebung von Konsumenten zu Produzenten durch Preissteigerung "+(dummyWFV.X()*(effGGNachf.Y()-dummyWFV.Y())).toFixed(1) }],{fontSize:16,color:'purple'});

};

</script>

</body>

</html>

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Feb 09, 2019 Feb 09, 2019

Copy link to clipboard

Copied

LATEST

What can I tell you except CS5 is legacy software?   It's no longer sold, supported or updated by Adobe.  It is what it is.  Unusual behavior can sometimes be corrected by Restoring Preferences.

Unusual behavior in Dreamweaver? Try restoring preferences.

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines