Live View doesn't show JavaScript

Report · Feb 08, 2019

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>

</head><body

>

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>

Report · Feb 08, 2019

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

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Feb 08, 2019

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.

Report · Feb 09, 2019

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>

</head><body

>

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ür mengeNachf größ 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ü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ü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>

Report · Feb 09, 2019

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— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Adobe Community

Live View doesn't show JavaScript

1 Correct answer