Participating Frequently

Answered

Live View doesn't show JavaScript

Forum|Forum|7 years ago
February 8, 2019
1 reply
672 views

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>

This topic has been closed for replies.

Correct answer Nancy OShea

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

Nancy OShea

Correct answer

Community Expert

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

Nancy O'Shea— Product User & Community Expert

christianc40715531Author

Participating Frequently

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.

christianc40715531Author

Participating Frequently

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>

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded